DOM节点

一、节点的获得
节点的访问关系，是以属性的方式存在的，DOM的节点并不是孤立的，因此可以通过DOM节点之间的相对关系进行访问。

二、父节点的获取

1. parentNode
   2.调用者就是节点 一个节点只有一个父节点

三、兄弟节点

1.sibling  ---兄弟   Next ---下一个   Previous ---上一个

2.下一个兄弟节点 = 节点.nextElementSibling || 节点.nextSibling
        1.nextSibling   ---在IE678中使用
        2.nextElementSibling ---在火狐谷歌IE9+以后使用
3.上一个兄弟节点 = 节点.PreviousElementSibling || 节点.PreviousSibling（同理上面）

四、单个节点
1.第一个子节点 —firstChild || firstElementChild
2.最后一个子节点 —lastChild || lastElementChild
3.所有子节点

        1. 子节点数组 = 父节点.childNodes；   childNodes，这个是标准属性，返回指定元素的子元素集合，包括HTML节点，所有属性，文本节点。PS：火狐、谷歌等高版本会把换行也看做子节点。
                    ---nodeType === 1 表示的是元素节点  记住 元素就是标签
                    ---nodeType === 2 表示的是属性节点
                    ---nodeType === 3 表示的是文本节点

        2.children

五、节点的增删改查

1.创建节点 ---新的标签 = document.createElement("标签名");
        1.事件源.appendChild(); ---在东西的最后追加节点
        2.事件源.insertBefore(x,y); ---在x插在y的前面

2.删除节点
        1.事件源.parentNode.removeChild ---利用父节点删除自己的子节点
        2.事件源.remove();

3.复制节点
        1.oldNode.cloneNode(true/false) ---新节点 = 要复制的节点cloneNode(参数)，false是只复制这个节点，不复制这个节点的内容，true则是一起复制这个节点的内容。

4.设置节点的属性
        1.获取节点的属性---getAttribute(名称)
        2.设置节点的属性---setAttribute（名称，值）
        3.删除节点的属性---removeAttribute（名称）
        4.IE6,7不支持值）