querySelectorAll vs getElementsByTagName (v103)

Revision 103 of this benchmark created on


Preparation HTML

<div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table><div></div>
<span></span>
<b></b>
<u></u>
<label></label>
<table></table>

Test runner

Ready to run.

Testing in
TestOps/sec
querySelectorAll
var nodes = document.querySelectorAll('*')
ready
getElementsByTagName
var nodes = document.getElementsByTagName('*')
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.