Test cases
Test #1 Title *
Async
Code * var innerHTMLstr = '<div>' ;
var i;
for (i = 0 ; i < 1000 ; i++) {
innerHTMLstr += '<div><span>' + i + '</span></div>' ;
}
innerHTMLstr+='</div>' ;
document .getElementById ('container' ).innerHTML = innerHTMLstr;
Test #2 Title *
Async
Code * var container = document .getElementById ('container' );
var outerdiv = document .createDocumentFragment ();
var i, div, span;
for (i = 0 ; i < 1000 ; i++) {
div = document .createElement ('div' );
span = document .createElement ('span' );
span.innerHTML = i;
div.appendChild (span);
outerdiv.appendChild (div);
}
container.appendChild (outerdiv);
Title *
Async
Code * var container = document .getElementById ('container' );
var outerdiv = document .createDocumentFragment ();
var i, div, span;
for (i = 0 ; i < 1000 ; i++) {
div = document .createElement ('div' );
span = document .createElement ('span' );
span.appendChild (document .createTextNode (i));
div.appendChild (span);
outerdiv.appendChild (div);
}
container.appendChild (outerdiv);
Title *
Async
Code * var container = document .getElementById ('container' );
var outerdiv = document .createDocumentFragment ();
var i, div, span;
for (i = 0 ; i < 1000 ; i++) {
div = document .createElement ('div' );
span = document .createElement ('span' );
span.textContent = i;
div.appendChild (span);
outerdiv.appendChild (div);
}
container.appendChild (outerdiv);
Title *
Async
Code * var container = document .getElementById ('container' );
var outerdiv = document .createDocumentFragment ();
var i, div, span;
for (i = 0 ; i < 1000 ; i++) {
div = document .createElement ('div' );
span = document .createElement ('span' );
span.innerText = i;
div.appendChild (span);
outerdiv.appendChild (div);
}
container.appendChild (outerdiv);