JavaScript --------WebS APIs学习之DOM(三)

删除节点    

         node.removeChild(child)   方法从DOM中删除一个子节点，返回删除的节点。

案例：增加留言,删除留言案例。

    
    

        
        提交
    
    

        

        
    
    

复制节点

           node.cloneNode() 方法返回调用该方法的节点的一个副本,也称为克隆节点/拷贝节点

           注意:如果括号参数为空或者为false,则是浅拷贝,即只克隆复制节点本身,不克隆里面的子节点.

                   解决:把括号里面加true 则为深拷贝.都复制.

案例 :动态生成表格

        

   
    

        

            

                
名字
                
科目
                
成绩
                
操作
            
        
        

    
    

三种动态创建元素的方式和区别

方式:①document.write  (很少使用)

       ②innerHTML  

       ③document.createElement ()

      注意:  1.document.write 是直接将内容写入页面的内容流,但是文档流执行完毕,则它会导致页面全部重绘..

                2.inneHTML是将内容写入某个DOM节点,不会导致页面重绘

               3.innerHTML 创建多个效率更高(不要采用拼接字符串,采取数组形式拼接),结构稍微复杂

               4.createElement()创建多个元素效率稍低一点点,但是结构更清晰.