Run results for: getElementById vs querySelectorqw34re

Run details:

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

Browser: Firefox 120

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

class

4.5M/s

AllClass

646K/s

querySelectorAll

535K/s

selectorClass

476K/s

getElementById

440K/s

querySelector

377K/s

View exact numbers

HTML Preparation code:

<div id="testElement" class="testElement"></div>

Tests:

getElementById
let el = document.getElementById('testElement').innerHTML="h";
querySelector
let el = document.querySelector('#testElement').innerHTML="h";
querySelectorAll
let el = document.querySelectorAll('#testElement').innerHTML="h";
class
let el = document.getElementsByClassName('testElement').innerHTML="h";
selectorClass
let el = document.querySelector('.testElement').innerHTML="h";
AllClass
let el = document.querySelectorAll('.testElement').innerHTML="h";