Run results for: create DOM Element

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.119 Safari/537.36

Browser: Chrome 83

Operating system: Mac OS X 10.15.5

Device Platform: Desktop

Date tested: 4 years ago

HTML Preparation code:

<div id="container"></div>

Tests:

createElement
var container = document.getElementById('container'), i, j; for (i = 0; i < 100; ++i) { var div = document.createElement("div"); for(t = 0; t < 10; ++t){ var span = document.createElement("span"); span.appendChild(document.createTextNode('test')); div.appendChild(span); } container.appendChild(div); }
cloneNode
var container = document.getElementById('container'), span = document.createElement("span"), text = document.createTextNode('test'), souceDiv = document.createElement("div"), i, j; span.appendChild(text); for (i = 0; i < 100; ++i) { var div = souceDiv.cloneNode(); for(t = 0; t < 10; ++t){ var span = span.cloneNode(true); div.appendChild(span); } container.appendChild(div); }
innerHTML
var htmlStr = [], container = document.getElementById('container'), i, j; for(i = 0; i < 100; ++i){ htmlStr.push("<div>"); for(j = 0; j < 10; ++j){ htmlStr.push("<span>test</span>"); } htmlStr.push("</div>"); } container.innerHTML = htmlStr.join('');