Run results for: childNodes - Two calls

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36

Browser: Chrome 115

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
childNodes	5137970.0 Ops/sec
loop	3604683.0 Ops/sec

HTML Preparation code:

<ul id="list">
  <li>01</li>
  <li>02</li>
  <li>03</li>
  <li>04</li>
  <li>05</li>
  <li>06</li>
  <li>07</li>
  <li>08</li>
  <li>09</li>
  <li>10</li>
</ul>

Script Preparation code:

var list=document.querySelector('#list');

function childAt(el, index) {
  let child = el.firstChild
  if (index) {
    for (let j = 0; j < index; ++j) {
      if (!child) break;
      child = child.nextSibling;
    }
  }
  return child;
}

Tests:

childNodes
list.childNodes[3]; list.childNodes[4]
loop
childAt(list, 3); childAt(list, 4)

Run results for: childNodes - Two calls

childNodes

loop