js片段節點

標籤：javascrip   date   creat   end   頁面   document   append   java   ext   

//文檔片段:類似一個臨時的文檔，要所有要加的dom元素先放在這裡，達到不要每次操作dom元素
提高頁面效率

 

var d1 = new Date();//建立十個段落,常規的方式for(var i = 0 ; i < 1000; i ++) {var p = document.createElement("p");var oTxt = document.createTextNode("段落" + i);p.appendChild (oTxt);document.body.appendChild(p);}var d2 = new Date();document.write("第一次建立需要的時間:"+(d2.getTime()-d1.getTime()));//使用了createDocumentFragment()的程式var d3 = new Date();var pFragment = document.createDocumentFragment();for(var i = 0 ; i < 1000; i ++) {var p = document.createElement("p");var oTxt = document.createTextNode("段落" + i);p.appendChild(oTxt);pFragment.appendChild(p);}document.body.appendChild(pFragment);var d4 = new Date();document.write("第2次建立需要的時間:"+(d4.getTime()-d3.getTime()));

　　

js片段節點