MeasureThat.net

Run results for: getElementById vs querySelector vs getElementsByClassName....

Test performance of different ways of get just one particular DOM element

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0
Firefox 68
Windows
Desktop
5 years ago
Test name Executions per second
getElementById 2832899.0 Ops/sec
getElementsByTagName 4835492.5 Ops/sec
querySelector 5708806.5 Ops/sec
getElementsByClassName 4843576.0 Ops/sec
HTML Preparation code:
Script Preparation code:
Tests:

  • getElementById

  • getElementsByTagName

  • querySelector

  • getElementsByClassName