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);