Run results for: firstChild vs childNodes

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

Browser: Chrome 110

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
firstChild	46665.7 Ops/sec
childNodes[0]	46896.5 Ops/sec

HTML Preparation code:

<html>

<body>
    <div id="from"></div>
    <div id="target"></div>
</body>

</html>

Script Preparation code:

var from = document.getElementById('from');
var target = document.getElementById('target');

Tests:

firstChild
from.innerHTML = ` <div name='a'></div> <div name='b'><div name='e'></div></div> <div name='c'></div> <div name='d'></div> `; target.innerHTML = ''; while (from.firstChild) { target.appendChild(from.firstChild); }
childNodes[0]
from.innerHTML = ` <div name='a'></div> <div name='b'><div name='e'></div></div> <div name='c'></div> <div name='d'></div> `; target.innerHTML = ''; while (from.childNodes.length > 0) { target.appendChild(from.childNodes[0]); }