innerHtmlVscreateElement (v2)

Revision 2 of this benchmark created on

Description

innerHtml Vs createElement

Preparation HTML

<div id="loc" style="display:none;"></div>

Setup

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

Test runner

Ready to run.

Testing in
TestOps/sec
insertAdjacentHTML
var e1 = document.createElement("div");
e1.insertAdjacentHTML('beforeend', "<a class='abc' href='#page' data-page='n'>Link</a>");
ready
createElement
var e1 = document.createElement("div");
var pageAnc = document.createElement("a");
pageAnc.setAttribute("href", "#page");
pageAnc.setAttribute("class", "abc");
pageAnc.setAttribute("data-page", 'n');
pageAnc.appendChild(document.createTextNode(" Link "));
e1.appendChild(pageAnc);
ready
var e1 = document.createElement("div");
e1.innerHTML = "<a class='abc' href='#page' data-page='n'>Link</a>";
ready

Revisions

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