insertAdjacentHTML-vs-innerHTML (v18)

Revision 18 of this benchmark created on July 19, 2014

Preparation HTML

<div id="counter">
</div>

Test runner

document.getElementById("counter").insertAdjacentHTML('beforeend', '<span></span>');

document.getElementById("counter").innerHTML = '<span></span>';

document.getElementById("counter").insertAdjacentHTML('afterbegin', '<span></span>');

Revisions

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

• Revision 1: published on November 16, 2011
• Revision 2: published by Nicholas C. Zakas on April 19, 2012
• Revision 3: published by mixed on July 6, 2012
• Revision 4: published on November 2, 2012
• Revision 5: published on November 2, 2012
• Revision 6: published on November 3, 2012
• Revision 7: published on November 16, 2012
• Revision 8: published on November 16, 2012
• Revision 9: published by orkel on February 25, 2013
• Revision 10: published on March 26, 2013
• Revision 11: published on March 26, 2013
• Revision 12: published by Romu on April 4, 2013
• Revision 13: published on April 14, 2013
• Revision 14: published on October 2, 2013
• Revision 18: published on July 19, 2014
• Revision 19: published on September 5, 2014
• Revision 20: published on January 13, 2015