Benchmark: form.elements vs querySelector for Submit button

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>
  <button type="submit">Submit</button>
</div>

Tests:

form elements iteration
const elements = document.getElementById('testform').elements; for (const element of elements) { if (element.type === 'submit') {break;} }
querySelector
const submit_button = document.getElementById('testform').querySelector([type="submit"]);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
form elements iteration
querySelector

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Browser/OS: Chrome 137 on Mac OS X 10.15.7

View result in a separate tab

querySelector

3.0M/s

form elements iteration

2.7M/s

View exact numbers

Test name	Executions per second
✓ querySelector	3,012,551 Ops/sec
form elements iteration	2,748,630 Ops/sec

form.elements vs querySelector for Submit button (version: 1)

Comparing performance of: `form elements iteration vs querySelector`

Created: one year ago by: Guest

Go to the latest result

form elements iteration

querySelector

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

form.elements vs querySelector for Submit button (version: 1)

Comparing performance of: form elements iteration vs querySelector

Created: one year ago by: Guest

Go to the latest result

form elements iteration

querySelector

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `form elements iteration vs querySelector`