js—DOM对象

DOM方法：

1）获取父节点的方法

（1）获取该节点的父节点

console.log(ul_li[0].parentNode;)

（2）获取该节点的父元素节点

console.log(ul_li[0].parentElement;

2）子节点的获取方法

（1）获取该节点的子节点，获取所有的子节点，不分类型

console.log(ul[0].childNodes);

（2）获取并返回该节点的子元素节点数量

console.log(ul[0].childElementCount);

（3）获取到所有的子元素节点

console.log(ul[0].children);

（4）获取第一个子元素节点

console.log(ul[0].firstElementChild);

（5）获取第一个子节点

console.log(ul[0].firstChild);

（6）获取最后一个子节点

console.log(ul[0].lastChild);

（7）获取最后一个子元素节点

console.log(ul[0].lastElementChild);

3）兄弟节点的获取方法

（1）获取该节点的下一个兄弟元素节点

console.log(ul_li[0].nextElementSibling);

（2）获取该节点的下一个兄弟节点

console.log(ul_li[0].nextSibling);

（3）获取该节点的上一个兄弟元素节点

console.log(ul_li[5].previousElementSibling);

（4）获取该节点的上一个兄弟节点

console.log(ul_li[5].previousSibling);

4）创建元素节点：
注意：创建完成的元素，不再DCM树中，需要主动添加；

var li_new = document.createElement("li"); //创建了一个li

5）添加元素节点
注意：添加的目标一定是在页面中已经存在的
语法：目标.apendChild(内容)；//添加到目标中的最后一位

 ul[0].appendChild(li_new)

方法二
语法：父节点.insertBefore(新的节点，已有的节点) //将新的节点，添加到已有节点之前

ul[0].insertBefore(li_new,ul_li[0]);

6）删除元素节点
方法一：
语法：指定目标的父元素.removeChild（指定目标）；

ul[0].removeChild(ul_li[0]);

方法二：
语法：指定目标.remove();

ul_li[0].remove();

替换元素节点：replaceChild;
语法：替换目标的父元素.replaceChild(新元素，被替换的元素)
克隆节点：cloneNode；
需要克隆的目标.cloneNode() 该方法会返回克隆体