Run results for: hasAttribute with/out getAttribute

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Browser: Chrome 111

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
with getAttribute	104007.8 Ops/sec
without getAttribute	101740.8 Ops/sec
forOf (with getAttribute)	90951.9 Ops/sec
forOf (without getAttribute)	86486.5 Ops/sec

HTML Preparation code:

<div id="div1" class="">
<div id="div2" class="test">
<div id="div3">
<div id="div4" class="test">
<div id="div5" class="test test2">  
</div>
<script>
        Benchmark.prototype.setup = function() {
			const nodes = document.querySelectorAll('div');
  };
</script>

Tests:

with getAttribute
let list = []; nodes.forEach((node) => { if(node && node.hasAttribute && node.hasAttribute("class") && node.getAttribute("class")) { list.push(node); } }) console.log(list)
without getAttribute
let list = []; nodes.forEach((node) => { if(node && node.hasAttribute && node.hasAttribute("class")) { list.push(node); } }) console.log(list)
forOf (with getAttribute)
let list = []; for(const node of nodes) { if(node && node.hasAttribute && node.hasAttribute("class") && node.getAttribute("class")) { list.push(node); } } console.log(list)
forOf (without getAttribute)
let list = []; for(const node of nodes) { if(node && node.hasAttribute && node.hasAttribute("class")) { list.push(node); } } console.log(list)

Run results for: hasAttribute with/out getAttribute

with getAttribute

without getAttribute

forOf (with getAttribute)

forOf (without getAttribute)