xpath-vs-selectorall

Benchmark created by Ian Sutherland on December 18, 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>
<div id="res">
  test result
</div>

Setup

var count;

Test runner

count = document.evaluate("//a[@class='test']", document.documentElement, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null).snapshotLength;

document.getElementById('res').innerHTML = count;

count = document.querySelectorAll('a.test').length;
document.getElementById('res').innerHTML = count;

var arrNodes = document.getElementsByTagName('a');
var resNodes = [];
var i = arrNodes.length;
while (i--) {
  var n = arrNodes[i];
  if (n.getAttribute('class') == 'test') {
    resNodes.push(n);
  }
}
count = resNodes.length;
document.getElementById('res').innerHTML = count;

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