MeasureThat.net

Run results for: Remove children

Go to the benchmark
Run details:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.125 Safari/537.36
Chrome 84
Linux
Desktop
4 years ago
Test name Executions per second
Loop 3759548.2 Ops/sec
innerHTML 2594207.2 Ops/sec
innerText 2562128.5 Ops/sec
HTML Preparation code:
AخA
 
1
<div id='foo'></div>
Script Preparation code:
 
let parent = document.getElementById('foo');
    
for (let i = 0; i < 1000; i++) {
  let child = document.createElement('div');
  parent.appendChild(child);
}
Tests:

  • Loop

     
    const parent = document.getElementById("foo")
    while (parent.firstChild) {
        parent.firstChild.remove()
    }

  • innerHTML

     
    const parent = document.getElementById("foo")
    parent.innerHTML = "";

  • innerText

     
    const parent = document.getElementById("foo")
    parent.innerText = "";