DOM补充

父子关系：

节点.parentNode：获取父节点（找到最上层返回是null）

parentElement：获取元素和parentNode差不多

父节点.childNode：获取包含文本节点的所有子节点，节点之间的空格也是文本属性（标签间的空白也是文本，但是IE8以下的不会）返回的是伪数组。

children：获取当前元素的所有子元素。

父节点.firstChild：表示当前节点的第一个子节点（获取时也是会获取标签间的空格）。

firstElementChild：获取元素的第一个元素子节点。

父节点.lastChild：表示当前节点的最后一个子节点（获取时也是会获取标签间的空格）。

lastElementChild：获取元素的最后一个元素子节点。

兄弟关系：

节点.previousSibling：返回当前节点的前一个兄弟节点,没有则返回null（会识别标签中的空格，也就是文本节点）。

previousElementSibling：获取上一个节点 ，只可读，如果这个元素已经是第一个元素节点,则返回null。

节点.nextSibling：获取当前节点的下一个节点，会识别标签中的空格，也就是文本节点。

nextElementSibling：下一个节点，不考虑空格。

childElementCount：子节点数，注意：所有获取返回的是集合的,请加上具体下标,否者返回的是undefined。

元素.innerText = "新内容";：操作文本内容，自动会将html标签显示。

元素.innerHTML = "新内容";：操作超文本内容（HTML内容）。