Run results for: getElementById vs querySelector vs getElementsByTagName pt. 2

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 18_0_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.0.1 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 18

Operating system: iOS 18.0.1

Device Platform: Mobile

Date tested: 6 months ago

Test name	Executions per second
getElementById	8926841.0 Ops/sec
querySelector element ID	3694735.8 Ops/sec
querySelector tag name	4168903.2 Ops/sec
getElementsByTagName	7583361.5 Ops/sec

HTML Preparation code:

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

Tests:

getElementById
var el = document.getElementById('testElement'); var className = el.className;
querySelector element ID
var el = document.querySelector('#testElement'); var className = el.className;
querySelector tag name
var el = document.querySelector('div'); var className = el.className;
getElementsByTagName
var el = document.getElementsByTagName('div'); var className = el.className;

Run results for: getElementById vs querySelector vs getElementsByTagName pt. 2

getElementById

querySelector element ID

querySelector tag name

getElementsByTagName