DOM （2）node的方法

1. node的方法 appendChild（）

appendChild（）用来插入节点

var p =document.createElement(‘p’)

document.body.appendChils(p);

1.png

2. 节点的方法 hasChildNodes（）

hasChildNodes（）用来判断一个节点是否有子节点

该方法返回一个布尔值。表示当前节点是否有子节点。

3.节点的方法 cloneNode()

cloneNode()用来克隆一个节点

不会复制事件

该方法可以传入一个值，值为true 表示复制指定元素的子节点。默认不复制子节点 （false）

2.png

4.节点的方法 insertBefore()

insertBefore()用来将一个节点插入指定位置

insertBefore()要传两个值。第一个值为要添加的节点，第二个值为将新节点插入到此值 得前面。

如果第二个值为null，就会插入到当前元素的最后

M@_M5S21F606GX)CQI7X)PJ.png

5.节点的方法 removeChild（）
removeChild（）表示从父级元素中移除该子节点

var div1 = document。GetElementById(‘div’)

div1.parentNode.removeChild(‘div’)

4.png

6. 节点的方法 replaceChild（）

replaceChild（）表示替换当前节点的某一个子节点

replaceChild（）传入两个值。第一个值是新节点，第二个值是要替换的节点。

5.png

2018-7-18