insertAdjacentHTML-vs-innerHTML-vs-appendChild (v20)

Revision 20 of this benchmark created on

Preparation HTML

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

Test runner

Ready to run.

Testing in
TestOps/sec
insertAdjacentHTML
var elem = document.getElementById("counter");
elem.insertAdjacentHTML('beforeend', '<span></span>');
ready
innerHTML
var elem = document.getElementById("counter");
elem.innerHTML = '<span></span>';
ready
appendChild
var elem = document.getElementById("counter");
elem.appendChild(document.createElement("span"));
ready

Revisions

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