insertAdjacentHTML-vs-innerHTML-vs-appendChild (v13)

Revision 13 of this benchmark created on


Preparation HTML

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

Setup

var elem = document.getElementById("counter");

Teardown


    elem = null;
  

Test runner

Ready to run.

Testing in
TestOps/sec
insertAdjacentHTML
elem.insertAdjacentHTML('beforeend', '<span></span>');
ready
innerHTML
elem.innerHTML = '<span></span>';
ready
appendChild
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.