getElementById vs. querySelector (v32)

Revision 32 of this benchmark created on

Preparation HTML

<p id="foo">Foo</p>
<p id="bar">Bar</p>
<p id="baz">Baz</p>

<p class="test">Baz</p>

<p class="test">Baz</p>
<p class="test">Baz</p>


<p class="test">Baz</p>

Setup

var select = function(name)
  {
      var o = name.charAt(0);
      if      (o == '#') return document.getElementById(name.substr(1, name.length -1));
      else if (o == '.') return document.getElementsByClassName(name.substr(1, name.length -1));   
      else               return document.getElementsByTagName(name); 
  };

Test runner

Ready to run.

Testing in
TestOps/sec
getElementById
var bar = document.getElementsByClassName(".test");
ready
querySelector
var bar = document.querySelectorAll(".test");
ready
mapping to getElementById
var bar = select(".test");
ready

Revisions

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