xpath-querySelector-vs-dom-traversal (v4)

Revision 4 of this benchmark created on

Preparation HTML

<div class="img_control">
    <div class="ErrorMessage"></div>
    <div class="img"></div>
    <div class="icons">
       <button expand></button>
       <button reduce></button>
     </div>
</div>

Setup

function useDomTraversal() {
              var element = this.children[0].children[2].children[0]
              return element;
            }
    
            function useQuerySelector() {
              return document.querySelector("expand");
            }

Test runner

Ready to run.

Testing in
TestOps/sec
query selector
useQuerySelector();
ready
dom traversal
useDomTraversal();
ready

Revisions

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