innerHTML vs replaceChild (v4)

Revision 4 of this benchmark created on

Preparation HTML

<div id="innerTest">
</div>
<div id="createTest"><h2>New</h2>
</div>

Setup

var h;

Test runner

Ready to run.

Testing in
TestOps/sec
innerHTML
document.getElementById('innerTest').innerHTML = "<h2>New</h2>";
ready
createElement
h = document.createElement('h2');
v=document.getElementById('createTest');
h.appendChild(document.createTextNode("New"));
v.replaceChild(h,v.firstChild);
ready
use textContent
h = document.createElement('h2');
v=document.getElementById('createTest');
h.textContent = "New";
v.replaceChild(h,v.firstChild);
ready

Revisions

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