Run results for: set/removeAttribute, classList with css

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; rv:91.0) Gecko/20100101 Firefox/91.0

Browser: Firefox 91

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
classList	96471.9 Ops/sec
setAttribute	92987.8 Ops/sec

HTML Preparation code:

<style>
  .bar, [bar] {
  	background: black;
  	clolor: white;
  	width: 50%;
  }
</style>
<div id="foo"></div>

Tests:

classList
var element = document.getElementById("foo"); element.classList.add("bar"); let w = element.clientWidth; element.classList.remove("bar");
setAttribute
var element = document.getElementById("foo"); element.setAttribute("bar", ""); let w = element.clientWidth; element.removeAttribute("bar");