JavaScript基础9——操作DOM树

appendChild()方法：添加子节点到末尾

• 类似于剪切粘贴的效果

 

insertBefore(newNode, oldNode)方法：在某个节点之前插入一个节点

• newNode为要插入的节点，oldNode是在谁之前插入的节点

• 通过父节点插入子节点

 

removeChild()：删除节点

• 通过父节点删除子节点

 

replaceChild(newNode, oldNode)：替换节点

• 通过父节点替换子节点

 

cloneNode(boolean)方法：复制节点

• 参数boolean表示是否复制子节点

---

总结：

　　获取节点使用方法

　　　　getElementById() 通过id查找对应节点

　　　　getElementsByName() 通过name属性值查找节点集合

　　　　getElementsByTagName() 通过标签名查找节点集合

 

　　插入节点的方法

　　　　insertBefore(newNode, oldNode) 在某个节点之前插入

　　　　appendChild() 在末尾添加，相当于剪切粘贴

 

　　删除节点的方法

　　　　removeChild()：通过父节点删除子节点

 

　　替换节点的方法

　　　　replaceChild()：通过父节点替换子节点

 

　　复制节点的方法

　　　　cloneChild(boolean)：复制节点，boolean表示是否复制子节点