Run results for: getElementById - querySelector

Run details:

User agent: Mozilla/5.0 (Android 14; Mobile; rv:129.0) Gecko/129.0 Firefox/129.0

Browser: Firefox Mobile 129

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

getElementById

262/s

querySelector

148/s

View exact numbers

Test name	Executions per second
✓ getElementById	262 Ops/sec
querySelector	148 Ops/sec

Script Preparation code:

for (i = 0; i < 10000; i++) {
	const _div = document.createElement('div')
    const _id = `idx_${i}`
    _div.id = _id
}

Tests:

getElementById
for (i = 0; i < 10000; i++) { const _id = `idx_${i}` div = document.getElementById(_id) }
querySelector
for (i = 0; i < 10000; i++) { const _id = `idx_${i}` div = document.querySelector(`#${_id}`) }