Test case details

Preparation Code

<div style="width:1px;height:1px;overflow:hidden;"> <div id='box1'></div> <div id='box2'></div> <div id='box3'></div> </div>
var testPattern = '<div>hello<div style="background-color: #000000;">ttt</div></div>'; var i, testString; for (i = 0; i < 1000; i++) { testString += testPattern; } function replaceHtml(el,html) { var oldEl = (typeof el === "string" ? document.getElementById(el) : el); var newEl = oldEl.cloneNode(true); newEl.innerHTML = html; oldEl.parentNode.replaceChild(newEl, oldEl); }

Test cases

Test #1

replaceHtml('box1',testPattern);

Test #2

document.getElementByID("box1").innerHTML = testPattern;