Run results for: element.getAttribute("name") vs element.attributes.name.value with multiple attributes

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Browser: Chrome 104

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
element.getAttribute("name")	2056884.0 Ops/sec
element.attributes.name.value	1747925.0 Ops/sec

HTML Preparation code:

<div>
  <div id="test" someattr="val" anotherattr="val2" anotherone="val3"></div>
</div>

Tests:

element.getAttribute("name")
const element = document.getElementById("test"); const some = element.getAttribute("someattr"); const another = element.getAttribute("anotherattr"); const anotherOne = element.getAttribute("anotherone");
element.attributes.name.value
const attributes = document.getElementById("test").attributes; const some = attributes.someattr.value; const another = attributes.anotherattr.value; const anotherOne = attributes.anotherone.value;