Run results for: form.elements vs getElementsByTagName vs querySelectorAll

Run details:

User agent: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36

Browser: Chrome 123

Operating system: Chrome OS 14541.0.0

Device Platform: Desktop

Date tested: 2 years ago

getElementsByName

2.9M/s

getElementsByTagName

2.5M/s

getElementsByClassName

2.4M/s

form.elements

2.1M/s

querySelectorAll

1.4M/s

View exact numbers

Test name	Executions per second
✓ getElementsByName	2,854,445 Ops/sec
getElementsByTagName	2,521,275 Ops/sec
getElementsByClassName	2,421,128 Ops/sec
form.elements	2,082,588 Ops/sec
querySelectorAll	1,359,644 Ops/sec

HTML Preparation code:

<form id="testform">
  <input value="test" />
  <input value="testing" />
</form>
<div id="testdiv">
  <input class="unique" name="unique" data-unique="1" value="test" />
  <input class="unique" name="unique" data-unique="1" value="testing" />
  <!-- added following divs to try and knock getElementsByClassName and getElementsByName out of the running-->
  <div class="test1" name="test1">
    <div class="test6" name="test6">&nbsp;</div>
  </div>
  <div class="test2" name="test2">
    <div class="test7" name="test7">&nbsp;</div>
  </div>
  <div class="test3" name="test3">
    <div class="test8" name="test8">&nbsp;</div>
  </div>
  <div class="test4" name="test4">
    <div class="test9" name="test9">&nbsp;</div>
  </div>
  <div class="test5" name="test5">
    <div class="test1" name="test1">&nbsp;</div>
  </div>
</div>

Script Preparation code:

var i, imax;
var doc = document;

Tests: