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/85.0.4183.121 Safari/537.36
Chrome 85
Linux
Desktop
4 years ago
Test name Executions per second
Loop 3794623.5 Ops/sec
innerHTML 2661029.8 Ops/sec
innerText 2525162.8 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 = "";