classname

JavaScript performance comparison

Revision 2 of this test case created by Josh Vermaire

Preparation code

<div id="outer">
<div>
<div>
<div class="inner">
</div>
</div>
</div>
</div>
<script>
Benchmark.prototype.setup = function() {
    outer = document.getElementById('outer')
};
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
classname
outer.getElementsByClassName('inner')[0]
pending…
firstchildelement
outer.firstElementChild.firstElementChild.firstElementChild
pending…
querySelectorAll
outer.querySelectorAll('.inner')[0]
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment