firstElementChild vs firstChild + if nodeType === 1

Benchmark created by burningbroccoli on December 19, 2013

Preparation HTML

<div id="testnode">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

Setup

var node = document.getElementById('testnode')
    var child

Test runner

child = node.firstElementChild

var childNode = node.firstChild
if (childNode.nodeType === 1) {
  child = childNode
}

Revisions

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

• Revision 1: published by burningbroccoli on December 19, 2013