好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎(2)

        var ooP = document.body.getElementsByTagName("p")[0]; 
         
        /**
         * 接收两个参数、即要插入的节点、跟插入在哪一个节点之前    
         */ 
        document.body.insertBefore(oP,ooP);        
    } 
createDocumentFragment()文档碎片：在javaScript优化中有提到
[javascript]
/**
     * 文档碎片
     * 一旦把节点添加到document.body(或者它的后代节点)中、页面就会更新并反映出这个变化、
     * 对于少量的更新、这是很好的、就像在前面的例子中那样。然而、当要向document添加大量数据时、
     * 如果逐个添加这些变动、这个过程可能会十分缓慢。为解决这个问题、可以创建一个文档碎片、
     * 把所有的新节点附加其上、然后把文档碎片的内容一次性添加都document中。
     * 其中javaScript优化一文中、第六点也有提到
     */ 
    function createDocument(){ 
        var array = ["东方不败","独孤求败","独孤败天","令狐冲","任人淫","王语嫣","阿朱","阿紫","阿猫","阿狗","靖哥哥"]; 
        var oF = document.createDocumentFragment();  
        for(var i=0;i<array.length;i++){ 
            var oP = document.createElement("p");    
            var sText = document.createTextNode(array[i]);      
            oP.appendChild(sText);    
            oF.appendChild(oP);     
        } 
        document.body.appendChild(oF);    
    }     
操作table的两种方法
[javascript]
function createTable(){ 
        var oTable = document.createElement("table"); 
        oTable.setAttribute("border","1"); 
        oTable.setAttribute("width","100%"); 
         
        var oTBody = document.createElement("tbody");