DOM元素を追加する最適化方案(apendChild最適化)
1236 ワード
/* DOM
JavaScript DOM 。 JavaScript DOM 、 、 。 DOM 、 ul 10 。*/
view plain print ?
var oUl = document.getElementById( "ulItem" );
for ( var i=0;i<10;i++){
var oLi = document.createElement( "li" );
oUl.appendChild(oLi);
oLi.appendChild(document.createTextNode("Item " +i));
}
/* oUl.appendChild(oLi)、 、 、 oLi.appendChild(document.createTextNode("Item "+i))、 。 、 20 。
DOM 、 、 createDocumentFragment()、 :*/
view plain print ?
var oUl = document.getElementById( "ulItem" );
var oTemp = document.createDocumentFragment();
for ( var i=0;i<10;i++){
var oLi = document.createElement( "li" );
oLi.appendChild(document.createTextNode("Item " +i));
oTemp.appendChild(oLi);
}
oUl.appendChild(oTemp);