getElementsByClassName VS querySelectorAll (v80)

Revision 80 of this benchmark created on

Preparation HTML

<div>
  <ul>
        <ul>
                <li><a href="#" name="name" class="classname">item 1</a></li>
                <ul>
                        <li><a href="#" name="name" class="classname">item 1</a></li>
                        <ul>
                                <li><a href="#" name="name" class="classname">item 1</a></li>
                        </ul>
                </ul>
        </ul>
    <li><a href="#" name="name" class="classname">item 10</a></li>
  </ul>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
getElementsByClassName
nodes = document.getElementsByClassName('classname');
ready
querySelectorAll
nodes = document.querySelectorAll('[class = classname]');
ready

Revisions

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