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>