Benchmark: innerHTML vs removeChild (firstChild and lastChild)

innerHTML vs removeChild (firstChild and lastChild) (version: 0)

From http://jsfiddle.net/6K6mv/5/ to test the answers to this StackOverflow question: https://stackoverflow.com/questions/3955229/remove-all-child-elements-of-a-dom-node-in-javascript

Comparing performance of: innerHTML vs removeChild( firstChild ) vs removeChild( lastChild )

Created: 5 years ago by: Guest

Jump to the latest result

HTML Preparation code:

<div id="container">
  Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
        Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
        Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
        Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
        Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
               Ahoj
        <div>
            Ahoj
            <span>Ahoj</span>
            <div>A<span>ho</span>j<div></div></div>
        </div>
        <span>Ahoj Aho</span>j
        <span>A</span><div>ho<span>j</span></div>
        <div>
            <span>A</span>
            <div><div><div><div>ho</div></div>j</div></div>
            Džus
        </div>
</div>

Script Preparation code:

var myNode = document.getElementById( "container" );

Tests:

innerHTML
myNode.innerHTML = '';
removeChild( firstChild )
while ( myNode.firstChild ) { myNode.removeChild( myNode.firstChild ); }
removeChild( lastChild )
while ( myNode.lastChild ) { mynode.removeChild( myNode.lastChild ); }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
innerHTML
removeChild( firstChild )
removeChild( lastChild )

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Browser/OS: Chrome 104 on Mac OS X 10.14.6

View result in a separate tab

Test name	Executions per second
innerHTML	6913786.0 Ops/sec
removeChild( firstChild )	10246450.0 Ops/sec
removeChild( lastChild )	10290620.0 Ops/sec

innerHTML vs removeChild (firstChild and lastChild) (version: 0)

From http://jsfiddle.net/6K6mv/5/ to test the answers to this StackOverflow question: https://stackoverflow.com/questions/3955229/remove-all-child-elements-of-a-dom-node-in-javascript

Comparing performance of: innerHTML vs removeChild( firstChild ) vs removeChild( lastChild )

Created: 5 years ago by: Guest

Jump to the latest result

innerHTML

removeChild( firstChild )

removeChild( lastChild )

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A