getElementByClass[0] vs. querySelector (v34)

Revision 34 of this benchmark created by AjiTae on

Description

Compare the speed of getElementByClassName to querySelector

Preparation HTML

<p class="test">Foo</p>
<p class="test">Baz</p>
<p class="test">Bar</p>
<p class="test">Foo</p>
<p class="test">Baz</p>
<p class="test">Bar</p>
<p class="test">Foo</p>
<p class="test">Baz</p>
<p class="test">Bar</p>

Test runner

Ready to run.

Testing in
TestOps/sec
getElementsByClassName
var bar = document.getElementsByClassName("test")[0];
ready
querySelector
var bar = document.querySelector(".test");
ready

Revisions

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