DOM queries

Benchmark created by Carlos on October 5, 2012

Description

Preparation HTML

<div id="parent_element">
    <div class="salt myClass pepper">
    </div>
    <div class="salt myClass pepper">
       <div class="salt myClass pepper">
          <div id="mySelectId"></div>
       </div>
    </div>
</div>
<div id="second_element">
    <div class="salt myClass pepper">
    </div>
</div>

Setup

var p = document.getElementById("parent_element");
    var c = ".myClass";
    var id = "#mySelectId";
    var e;

Test runner

e = document.getElementById(id.slice(1));

if(c.match(/^\.[a-zA-Z0-9_-]+$/)) e = document.getElementsByClassName(c.replace(".", ""));

e = p.querySelectorAll(c);

e = p.querySelector(id);

Revisions

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

• Revision 1: published by Carlos on October 5, 2012