Fastest method of clearing all children from a DOM element (v254)

Revision 254 of this benchmark created by alsh on January 1, 2015

Description

Preparation HTML

<div id='box'></div>

Setup

var box = document.getElementById('box');
    box.innerHTML = 'sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>';
    
    function clearChildren(element)
    {
      if (element.children.length === 0)
        return;
    
      if (element.children[0].remove) {
        while (box.children.length)
          box.children[0].remove();
      } else {
        while (element.firstChild)
          element.removeChild(element.firstChild);
      }
    }

Test runner

while (box.firstChild) {
  box.removeChild(box.firstChild);
}
box.textContent = '';

box.innerHTML = '';

while (box.lastChild) {
  box.removeChild(box.lastChild);
}
box.textContent = '';

while (box.children.length) {
  box.children[0].remove();
}
box.textContent = '';

while (box.children.length) {
  box.children[box.children.length - 1].remove();
}
box.textContent = '';

clearChildren(box);
box.textContent = '';

box.textContent = '';

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by Ali Mihandoost on December 6, 2011
• Revision 2: published by Ali Mihandoost on December 10, 2011
• Revision 5: published by XP1 on February 2, 2012
• Revision 6: published on February 2, 2012
• Revision 7: published on December 18, 2012
• Revision 8: published on January 9, 2013
• Revision 9: published on January 9, 2013
• Revision 10: published on January 23, 2013
• Revision 11: published on February 5, 2013
• Revision 12: published on February 5, 2013
• Revision 13: published on February 8, 2013
• Revision 14: published by Philip O'Brien on February 18, 2013
• Revision 15: published on February 19, 2013
• Revision 16: published on February 27, 2013
• Revision 17: published by Grant Kiely on March 13, 2013
• Revision 18: published on March 13, 2013
• Revision 19: published by Grant Kiely on March 13, 2013
• Revision 20: published by Grant Kiely on March 13, 2013
• Revision 23: published on March 18, 2013
• Revision 24: published on March 19, 2013
• Revision 25: published on March 21, 2013
• Revision 26: published on March 24, 2013
• Revision 28: published by nickinuse on April 20, 2013
• Revision 32: published on May 3, 2013
• Revision 33: published on May 7, 2013
• Revision 34: published on May 7, 2013
• Revision 35: published on May 7, 2013
• Revision 36: published on May 15, 2013
• Revision 37: published by Thomas Lindstrøm on May 15, 2013
• Revision 38: published on May 17, 2013
• Revision 40: published on May 20, 2013
• Revision 41: published by Thomas Lindstrøm on May 25, 2013
• Revision 42: published by Tomás Girardi on May 30, 2013
• Revision 43: published by Filip Smets on May 30, 2013
• Revision 44: published on June 1, 2013
• Revision 45: published by resnyanskiy on June 6, 2013
• Revision 47: published on June 16, 2013
• Revision 48: published on June 17, 2013
• Revision 49: published on June 17, 2013
• Revision 50: published by johnchen902 on June 19, 2013
• Revision 51: published on June 19, 2013
• Revision 52: published by cromwellian on June 20, 2013
• Revision 53: published on July 1, 2013
• Revision 54: published on July 9, 2013
• Revision 55: published on July 9, 2013
• Revision 56: published on July 9, 2013
• Revision 57: published on July 11, 2013
• Revision 58: published on July 19, 2013
• Revision 59: published by arjun on July 23, 2013
• Revision 60: published on July 27, 2013
• Revision 61: published on July 27, 2013
• Revision 62: published by Paulo Barcelos on August 6, 2013
• Revision 63: published on August 6, 2013
• Revision 64: published on August 6, 2013
• Revision 65: published on August 6, 2013
• Revision 66: published on August 6, 2013
• Revision 67: published on August 6, 2013
• Revision 68: published on August 6, 2013
• Revision 69: published on August 7, 2013
• Revision 71: published on August 16, 2013
• Revision 72: published on August 21, 2013
• Revision 73: published on August 21, 2013
• Revision 74: published on August 25, 2013
• Revision 76: published on August 28, 2013
• Revision 77: published on August 28, 2013
• Revision 78: published on September 10, 2013
• Revision 79: published on September 10, 2013
• Revision 80: published on September 10, 2013
• Revision 81: published on September 10, 2013
• Revision 82: published on September 10, 2013
• Revision 83: published on September 10, 2013
• Revision 84: published on September 10, 2013
• Revision 85: published on September 10, 2013
• Revision 86: published on September 10, 2013
• Revision 87: published on September 10, 2013
• Revision 88: published on September 10, 2013
• Revision 89: published on September 10, 2013
• Revision 90: published on September 11, 2013
• Revision 91: published on September 16, 2013
• Revision 93: published on October 2, 2013
• Revision 94: published on October 4, 2013
• Revision 95: published by Drew Noakes on October 14, 2013
• Revision 96: published on October 15, 2013
• Revision 97: published on October 18, 2013
• Revision 98: published on October 25, 2013
• Revision 99: published by Jie Ren on October 30, 2013
• Revision 100: published on November 5, 2013
• Revision 101: published by José Luis on November 6, 2013
• Revision 102: published on November 14, 2013
• Revision 103: published on November 22, 2013
• Revision 104: published on November 22, 2013
• Revision 105: published on November 22, 2013
• Revision 106: published on November 23, 2013
• Revision 108: published by prashant sheoran on December 4, 2013
• Revision 109: published by herrernst on December 5, 2013
• Revision 110: published on December 5, 2013
• Revision 115: published on December 5, 2013
• Revision 117: published by Eamon Nerbonne on December 6, 2013
• Revision 120: published by Eamon Nerbonne on December 13, 2013
• Revision 123: published on December 29, 2013
• Revision 124: published by Heavensrevenge on December 30, 2013
• Revision 125: published on January 1, 2014
• Revision 126: published by Alex Zielenski on January 4, 2014
• Revision 127: published on January 8, 2014
• Revision 128: published on January 8, 2014
• Revision 129: published on January 9, 2014
• Revision 130: published on January 14, 2014
• Revision 131: published on January 23, 2014
• Revision 132: published on January 27, 2014
• Revision 133: published by deser on January 27, 2014
• Revision 134: published by Matt Harker on January 28, 2014
• Revision 135: published on January 30, 2014
• Revision 137: published by DanMan on February 1, 2014
• Revision 138: published by DanMan on February 1, 2014
• Revision 139: published by empty on February 3, 2014
• Revision 140: published by empty on February 3, 2014
• Revision 141: published by empty on February 3, 2014
• Revision 142: published by empty on February 3, 2014
• Revision 143: published by empty on February 3, 2014
• Revision 144: published by empty on February 3, 2014
• Revision 146: published on February 4, 2014
• Revision 147: published on February 4, 2014
• Revision 148: published on February 5, 2014
• Revision 149: published on February 5, 2014
• Revision 150: published on February 6, 2014
• Revision 151: published on February 11, 2014
• Revision 152: published on February 18, 2014
• Revision 154: published on February 18, 2014
• Revision 155: published on February 18, 2014
• Revision 156: published on February 26, 2014
• Revision 157: published by Stuart P. Bentley on March 2, 2014
• Revision 158: published on March 12, 2014
• Revision 160: published by Joshua Koudys on March 15, 2014
• Revision 161: published by Joshua Koudys on March 16, 2014
• Revision 162: published by Joshua Koudys on March 17, 2014
• Revision 163: published by aaaaa on March 24, 2014
• Revision 167: published by npjohns on April 9, 2014
• Revision 168: published on April 11, 2014
• Revision 169: published on April 12, 2014
• Revision 172: published by roland on April 17, 2014
• Revision 173: published on April 30, 2014
• Revision 174: published on May 2, 2014
• Revision 176: published on May 8, 2014
• Revision 177: published by olli k on May 17, 2014
• Revision 178: published on May 18, 2014
• Revision 180: published by Alex on June 5, 2014
• Revision 182: published on June 26, 2014
• Revision 184: published on July 1, 2014
• Revision 185: published on July 3, 2014
• Revision 186: published by Deep on July 5, 2014
• Revision 187: published on July 14, 2014
• Revision 189: published by Dave on July 16, 2014
• Revision 190: published on July 16, 2014
• Revision 191: published by hansifer on July 20, 2014
• Revision 193: published on July 31, 2014
• Revision 194: published on July 31, 2014
• Revision 195: published on August 1, 2014
• Revision 197: published on August 1, 2014
• Revision 198: published by blackmambahk on August 2, 2014
• Revision 199: published by blackmambahk on August 2, 2014
• Revision 200: published on August 2, 2014
• Revision 201: published by Harald Glatt on August 3, 2014
• Revision 202: published by Harald Glatt on August 3, 2014
• Revision 203: published by blackmambahk on August 3, 2014
• Revision 204: published by Qix on August 5, 2014
• Revision 205: published on August 6, 2014
• Revision 206: published on August 11, 2014
• Revision 207: published on August 13, 2014
• Revision 208: published on August 19, 2014
• Revision 209: published on August 19, 2014
• Revision 210: published on August 19, 2014
• Revision 211: published on August 20, 2014
• Revision 212: published on August 31, 2014
• Revision 213: published on August 31, 2014
• Revision 215: published on September 6, 2014
• Revision 216: published on September 18, 2014
• Revision 217: published by X on September 25, 2014
• Revision 218: published on September 26, 2014
• Revision 219: published on September 28, 2014
• Revision 220: published by include for removeNode loop on October 6, 2014
• Revision 221: published on October 6, 2014
• Revision 222: published on October 6, 2014
• Revision 223: published on October 6, 2014
• Revision 233: published on October 22, 2014
• Revision 234: published on October 29, 2014
• Revision 237: published on November 4, 2014
• Revision 238: published on November 6, 2014
• Revision 239: published on November 17, 2014
• Revision 242: published on December 3, 2014
• Revision 243: published by Mark Everitt on December 4, 2014
• Revision 244: published by Tri on December 4, 2014
• Revision 245: published on December 6, 2014
• Revision 246: published on December 7, 2014
• Revision 247: published on December 8, 2014
• Revision 248: published by Tri on December 8, 2014
• Revision 250: published by fefw on December 10, 2014
• Revision 251: published on December 23, 2014
• Revision 252: published on December 28, 2014
• Revision 253: published on December 30, 2014
• Revision 254: published by alsh on January 1, 2015
• Revision 255: published by David on January 1, 2015
• Revision 256: published on January 5, 2015
• Revision 257: published on January 10, 2015
• Revision 258: published on January 16, 2015
• Revision 259: published on January 16, 2015
• Revision 260: published on January 18, 2015
• Revision 261: published on January 18, 2015
• Revision 262: published by robrez on January 22, 2015
• Revision 263: published on January 29, 2015
• Revision 264: published by DanMan on January 30, 2015
• Revision 265: published by DanMan on January 30, 2015
• Revision 266: published by DanMan on January 30, 2015
• Revision 267: published by Maurizio on January 30, 2015
• Revision 268: published by Kasper on February 6, 2015
• Revision 270: published by Joel Richard on February 7, 2015
• Revision 273: published on February 20, 2015
• Revision 274: published by Mark on March 2, 2015
• Revision 276: published by Yuri Sturmer on March 4, 2015
• Revision 278: published on March 5, 2015
• Revision 282: published on March 9, 2015
• Revision 287: published by John Hammel on March 24, 2015
• Revision 288: published on March 25, 2015
• Revision 289: published on March 26, 2015
• Revision 290: published on March 28, 2015
• Revision 292: published on March 31, 2015
• Revision 293: published on April 1, 2015
• Revision 294: published on April 5, 2015
• Revision 295: published on April 18, 2015
• Revision 296: published on April 20, 2015
• Revision 297: published by eight on April 21, 2015
• Revision 300: published by npjohns on April 28, 2015
• Revision 301: published on April 28, 2015
• Revision 302: published by Nicolas Normand on May 4, 2015
• Revision 305: published on May 18, 2015
• Revision 306: published on May 20, 2015
• Revision 307: published by awesomebing1 on May 21, 2015
• Revision 308: published by madreason on May 25, 2015
• Revision 309: published by madreason on May 27, 2015
• Revision 310: published on May 29, 2015
• Revision 311: published on June 4, 2015
• Revision 312: published on June 5, 2015
• Revision 313: published on June 8, 2015
• Revision 314: published on June 11, 2015
• Revision 316: published on August 3, 2015
• Revision 317: published by Bobinours on August 6, 2015
• Revision 319: published by buzinas on August 11, 2015
• Revision 320: published on August 13, 2015
• Revision 321: published on August 19, 2015
• Revision 322: published on August 20, 2015
• Revision 323: published on August 31, 2015
• Revision 328: published on September 16, 2015
• Revision 332: published on September 29, 2015
• Revision 338: published on September 30, 2015
• Revision 341: published by Roman on October 1, 2015
• Revision 343: published on October 9, 2015
• Revision 352: published by valid innerHTML test on October 30, 2015
• Revision 358: published by Andoitz on November 17, 2015
• Revision 372: published on January 18, 2016
• Revision 382: published on February 18, 2016
• Revision 398: published on March 22, 2016
• Revision 408: published on October 16, 2018
• Revision 411: published on October 16, 2018
• Revision 415: published by Anthony Weber on October 23, 2018
• Revision 418: published by Franklin Tse on November 6, 2018
• Revision 419: published by Franklin Tse on November 6, 2018
• Revision 421: published by Chandrasekhar Ambula V on November 12, 2018
• Revision 430: published by Vilhelm Sjölund on December 10, 2018
• Revision 437: published by Jonathan Park on January 18, 2019
• Revision 439: published on January 28, 2019
• Revision 440: published on January 28, 2019
• Revision 441: published by Marcelo Barros on January 28, 2019
• Revision 442: published by Marcelo Barros on January 28, 2019
• Revision 443: published by Marcelo Barros on January 28, 2019
• Revision 444: published by Marcelo Barros on January 28, 2019
• Revision 445: published by Marcelo Barros on January 28, 2019
• Revision 446: published by Marcelo Barros on January 28, 2019
• Revision 447: published by Marcelo Barros on January 28, 2019
• Revision 448: published by Marcelo Barros on January 28, 2019
• Revision 449: published by Marcelo Barros on January 28, 2019
• Revision 450: published by Marcelo Barros on January 28, 2019
• Revision 451: published by Marcelo Barros on January 28, 2019
• Revision 454: published by Andrew Charles on January 31, 2019
• Revision 455: published by Andrew Charles on January 31, 2019
• Revision 456: published by Andrew Charles on January 31, 2019
• Revision 457: published by Andrew Charles on January 31, 2019
• Revision 458: published by T. H. Doan on February 14, 2019
• Revision 459: published by T. H. Doan on February 14, 2019
• Revision 460: published by T. H. Doan on February 14, 2019
• Revision 461: published by T. H. Doan on February 14, 2019
• Revision 462: published by T. H. Doan on February 14, 2019
• Revision 463: published by T. H. Doan on February 14, 2019
• Revision 464: published by T. H. Doan on February 14, 2019
• Revision 465: published by T. H. Doan on February 14, 2019
• Revision 466: published by T. H. Doan on February 14, 2019
• Revision 467: published by T. H. Doan on February 14, 2019
• Revision 468: published by Aaditya Taparia on February 14, 2019
• Revision 469: published by Dario Segura on March 1, 2019
• Revision 473: published by Md. Enzam Hossain on March 23, 2019
• Revision 474: published by Md. Enzam Hossain on March 24, 2019
• Revision 475: published on April 11, 2019
• Revision 478: published on April 15, 2019
• Revision 479: published by Victor de Oliveira Areas on April 16, 2019
• Revision 480: published by Victor de Oliveira Areas on April 16, 2019
• Revision 481: published by Victor de Oliveira Areas on April 16, 2019
• Revision 482: published by Jaibatrik Dutta on April 21, 2019
• Revision 484: published by Michael Rawlings on May 4, 2019
• Revision 494: published by Victor de Oliveira Areas on July 3, 2019
• Revision 497: published by Victor de Oliveira Areas on July 3, 2019
• Revision 501: published by Dan Gowans on July 8, 2019
• Revision 503: published by K. Adam Christensen on July 12, 2019
• Revision 512: published by Noel on August 21, 2019
• Revision 525: published by Christopher Rogers on November 16, 2019
• Revision 526: published by Christopher Rogers on November 17, 2019
• Revision 527: published by Christopher Rogers on November 17, 2019
• Revision 559: published by Malek on March 24, 2020
• Revision 577: published by Oleg Nechaev on July 5, 2020
• Revision 578: published by Oleg Nechaev on July 5, 2020
• Revision 579: published by Oleg Nechaev on July 5, 2020
• Revision 580: published by Oleg Nechaev on July 5, 2020
• Revision 581: published by Bartosz Paulewicz on July 5, 2020
• Revision 583: published by Sören Liebich on July 12, 2020
• Revision 585: published on April 18, 2023
• Revision 586: published on April 18, 2023
• Revision 587: published on February 11, 2024
• Revision 591: published on June 11, 2025