xpath-vs-selectorall (v5)

Revision 5 of this benchmark created by Mikhail Kalashnik on December 21, 2011

Description

Preparation HTML

<div>
  <p>
    <ul>
      <li>
        <a class="test"></a>
      </li>
    </ul>
  </p>
</div>
<div>
  <p>
    <ul>
      <li>
        <a class="meh"></a>
      </li>
    </ul>
  </p>
</div>
<div>
  <p>
    <ul>
      <li>
        <a class="test"></a>
      </li>
    </ul>
  </p>
</div>
<div>
  <p>
    <ul>
      <li>
        <a class="test"></a>
      </li>
    </ul>
  </p>
</div>
<div>
  <p>
    <ul>
      <li>
        <a class="wtf"></a>
      </li>
    </ul>
  </p>
</div>
<div>
  <p>
    <ul>
      <li>
        <a class="test"></a>
      </li>
    </ul>
  </p>
</div>
<div>
  <p>
    <ul>
      <li>
        <a class="test"></a>
      </li>
    </ul>
  </p>
</div>
<div>
  <p>
    <ul>
      <li>
        <a class="test"></a>
      </li>
    </ul>
  </p>
</div>
<div>
  <p>
    <ul>
      <li>
        <a class="test"></a>
      </li>
    </ul>
  </p>
</div>
<div>
  <p>
    <ul>
      <li>
        <a class="test"></a>
      </li>
    </ul>
  </p>
</div>

Setup

var a = [];
    var doc = document;

Test runner

var xpathinput = doc.evaluate("//a[@class='test']", doc.documentElement, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

var queryselectorinput = doc.querySelectorAll('a.test');
 

var arrNodes = doc.getElementsByTagName('a');
var tagnameinput = [];
for(var i = 0, l = arrNodes.length; i < l; i++) {
  if (arrNodes[i].getAttribute('class') == 'test') {
    tagnameinput.push(arrNodes[i]);
  }
}

var arrNodes = doc.getElementsByClassName('test');
var tagnameinput = [];
for(var i = 0, l = arrNodes.length; i < l; i++) {
  if (arrNodes[i].tagName == 'a') {
    tagnameinput.push(arrNodes[i]);
  }
}

Revisions

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

• Revision 1: published by Ian Sutherland on December 18, 2011
• Revision 2: published on December 18, 2011
• Revision 3: published by Divya Manian on December 20, 2011
• Revision 4: published by Craig Patik on December 20, 2011
• Revision 5: published by Mikhail Kalashnik on December 21, 2011
• Revision 6: published by Ian Sutherland on December 21, 2011