Run results for: querySelectorAll(*) vs getElementsByTagName(*) iteration

Run details:

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

Browser: Firefox 113

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
querySelectorAll	202116.8 Ops/sec
getElementsByTagName	200582.6 Ops/sec

HTML Preparation code:

<div></div>
<p><b>bar <s>baz <i>some</i></s> fab</b></p>
<div><small>terms of text</small> more text nodes <b>here</b></div>
<div><p> text nodes <kbd>var</kbd> here </p></div>
<div><ul><li>some list items</li><li>2nd item</li></ul></div>
<div><p><i>test <b>some</b></i></p></div>
<div>lorem</div>
<div><b>foo</b></div>
<div>ipsum</div>
<section><div><article><h1>Test</h1></article></div></section>

Tests:

querySelectorAll
const allDivs = document.querySelectorAll('*'); allDivs.forEach(function (div) {});
getElementsByTagName
const allDivs = document.getElementsByTagName('*'); const arrayAllDivs = Array.from(allDivs); arrayAllDivs.forEach(function (div) {});