1. 程式人生 > >JS基礎(一)dom小例項

JS基礎(一)dom小例項

DOM的新增示例

<script language="JavaScript">
            window.onload = function(){
                
                //createDocumentFragment()方法,它的作用是建立一個文件碎片,
                //把要插入的新節點先附加在它上面,然後再一次性新增到document中
                var body = document.body;
                var len = 100;
                
var i = 0; var flagment = document.createDocumentFragment();//使用fragment來提高效能 var ul = document.createElement('ul'); var li; var textNode; console.log('flagment',flagment); body.appendChild(ul);
for(; i < len; i++){ li = document.createElement('li'); textNode = document.createTextNode(i + 1); li.appendChild(textNode); flagment.appendChild(li); } console.log(
'flagment',flagment); ul.appendChild(flagment); } </script>