getElementById vs. querySelector (v133)

Revision 133 of this benchmark created by test077 on

Preparation HTML

<table><tbody><tr><td id="123"></td></tr></tbody></table>

Setup

var element = document.createElement('div')
  element.innerHTML = '<label id="324"><input id="target" type="hidden"><span id="7788"></span></label>';
  document.getElementById('123').appendChild(element);

Test runner

Ready to run.

Testing in
TestOps/sec
getElementById
var input = document.getElementById("target");
ready
element querySelector
var input = element.querySelector("#target");
ready
document querySelector
var input = document.querySelector("#target");
ready

Revisions

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