DOM节点操作

节点: 文档中所用元素都是节点，包括换行等



2. 子节点
2.1 node.children(开发中常用此方法)
2.2 node.childNodes 获得的是所有子节点，包含元素节点 文本节点等

3. 获取第一个元素节点或者最后一个元素节点的方法：

3、兄弟节点

为了解决getNextElementSibling兼容性问题，可以自己封装一个函数

 function getNextElementSibling(element) {
      var el = element;
      while (el = el.nextSibling) {
        if (el.nodeType == 1) {
          return el;
        }
      }
      return null;
    }

4. 在页面中添加一个新的元素
4.1 创建节点
document.creatElement()
4.2 添加节点
4.2.1 （法一） node.appendChild(child) node父级 child 子级 追加的元素是后面的，和数组中的push类似
4.2.2 （法二）node.inserBefore(child, 指定元素);

4.3 删除节点
node.removeChild(child) 从DOM中删除一个子节点，返回删除的节点
node 是要删除的child的父节点

注意：阻止链接跳转需要添加javascript:void(0);或者 javascript:;

5.复制节点
node.cloneNode(); 方法返回该方法的节点的一个副本。

1）括号为空或者为false，是浅拷贝，即只复制节点本身，不克隆里面的子节点；
2）括号参数为true，则是深度拷贝，会复制节点本身以及里面所有的子节点