DOM

• 常用属性:

1. 获取当前元素的父节点 ：
   1. element.parentNode     //返回当前元素的父节点对象
2. 获取当前元素的子节点：
   1. element.chlidren        //返回当前元素所有子元素节点对象，只返回HTML节点
   2. element.chilidNodes   //返回当前元素多有子节点，包括文本，HTML，属性节点。（回车也会当做一个节点）
   3. element.firstChild      //返回当前元素的第一个子节点对象
   4. element.lastChild       //返回当前元素的最后一个子节点对象
3. 获取当前元素的同级元素：
   1. element.nextSibling          //返回当前元素的下一个同级元素 没有就返回null
   2. element.previousSibling   //返回当前元素上一个同级元素 没有就返回null
4. 获取当前元素的文本：
   1. element.innerHTML   //返回元素的所有文本，包括html代码
   2. element.innerText     //返回当前元素的自身及子代所有文本值，只是文本内容，不包括html代码
5. 获取当前节点的节点类型：node.nodeType   //返回节点的类型,数字形式（1-12）常见几个1：元素节点，2：属性节点，3：文本节点。
6. 设置样式：element.style.color=“#eea”;      //设置元素的样式时使用style，这里以设置文字颜色为例。

4.总结：

大家都会觉得用jQuery来操作dom会更加的方便且好用，因为jq对js的dom进行了封装，使得我们Write Less, Do More。但是我觉得还是要总结一下原生js的dom，从根本上了解js对dom的操作，只会有利而无害。