textContent vs createTextNode() vs innerHTML (v3)

Revision 3 of this benchmark created on December 1, 2011

Preparation HTML

<div id="div">asdfghkkl</div>

Setup

var div = document.getElementById( 'div' ), i = 10;
    div.innerHTML = '';

Test runner

while (--i) div.textContent += '1234'+i;
 

while (--i) div.appendChild( document.createTextNode( '1234'+i ) );

while (--i) div.innerHTML += '1234'+i;
 

Revisions

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

• Revision 2: published by ThinkingStiff on November 24, 2011
• Revision 3: published on December 1, 2011
• Revision 4: published on December 1, 2011
• Revision 5: published on February 21, 2012
• Revision 6: published on June 27, 2012
• Revision 7: published on August 29, 2012
• Revision 8: published by Zibx on September 11, 2012
• Revision 9: published on November 9, 2012
• Revision 10: published on January 6, 2013
• Revision 11: published on January 15, 2013
• Revision 12: published on January 15, 2013
• Revision 13: published by CoolCmd on January 27, 2013
• Revision 14: published on February 7, 2013
• Revision 16: published on May 8, 2013
• Revision 17: published on May 12, 2013
• Revision 18: published on May 12, 2013
• Revision 19: published on May 16, 2013
• Revision 20: published on June 18, 2013
• Revision 21: published on June 28, 2013
• Revision 22: published on June 28, 2013
• Revision 23: published on June 28, 2013
• Revision 27: published by Thorben on September 26, 2013
• Revision 28: published by Chaitanya Pramod on November 19, 2013
• Revision 30: published by Karl Seamon on December 19, 2013
• Revision 31: published on January 13, 2014
• Revision 32: published on June 3, 2014
• Revision 33: published on June 3, 2014
• Revision 35: published by podtalje on June 26, 2014
• Revision 51: published by lovasoa on January 11, 2015