DOM select last child element

JavaScript performance comparison

Test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div id="cool">
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
</div>

Preparation code output

text

text

text

text

text

text

text

text

text

text

text

text

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
DOM no methods
var x = document.getElementById("cool");
var y = x.getElementsByTagName("p");
var z = y[y.length-1];
pending…
DOM lastChild
var x = document.getElementById("cool");
var y = x.lastChild; // this doesn't gives a p element
pending…
DOM lastElementChild
var x = document.getElementById("cool");
var y = x.lastElementChild;
pending…
jQuery .last()
var y = $('#cool').last();
pending…

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

Compare results of other browsers

0 comments

Add a comment