Run results for: querySelectorAll vs getElementsByTagName [for loop]

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:80.0) Gecko/20100101 Firefox/80.0

Browser: Firefox 80

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
querySelectorAll	6419.9 Ops/sec
getElementsByTagName	6684.9 Ops/sec

HTML Preparation code:

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

Tests:

querySelectorAll
const allDivs = document.querySelectorAll('div'); for (let i = 0; i < allDivs.length; i += 1) { console.log(allDivs[i]); }
getElementsByTagName
const allDivs = document.getElementsByTagName('div'); for (let i = 0; i < allDivs.length; i += 1) { console.log(allDivs[i]); }