getElementById vs querySelector vs getElementsByClassName vs getElementsByName no double id

Test performance of different ways of get just one particular DOM element
4 years ago
User agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.108 Safari/537.36
Test name Executions per second
getElementById 2639750.0 Ops/sec
querySelector 1146848.0 Ops/sec
getElementsByClassName 1054873.0 Ops/sec
getElementsByName 1029929.0 Ops/sec
HTML Preparation code:
Script Preparation code:
Tests:

  • getElementById

  • querySelector

  • getElementsByClassName

  • getElementsByName

Open this result on MeasureThat.net