js节点操作

父节点操作

以往获取节点只能通过一次一次的输入，利用节点进行操作可以一步获取。获取方法为node.parentNode

​子节点操作

记录八个子节点获取方法

node.childNodes (获取所有的子节点 包含 元素节点 文本节点等等)

node.childNode[i] (获取第i-1个子节点)

node.children (获取所有的子元素节点)（常用）

node.children[i] (获取第i-1个子元素节点)（常用，没有兼用性问题）

node.firstChild（第一个子节点 不管是文本节点还是元素节点）

node.lastChild（最后一个子节点 不管是文本节点还是元素节点）node.firstElementChild（第一个子元素节点，ie9才支持）

node.lastElementChild（最后一个子元素节点，ie9才支持）

​兄弟节点操作

记录四个兄弟节点获取方法

node.nextSibling (下一个兄弟节点 包含元素节点或者 文本节点等等)

node.previousSibling (上一个兄弟节点 包含元素节点或者 文本节点等等)

node.nextElementSibling （得到下一个兄弟元素节点）

node.previousElementSibling （得到上一个兄弟元素节点,如果不存在，则返回null）

​创建与添加节点操作

创建节点：document.createElement(‘tagName’)

添加节点：

1.node.appendChild(child) 其中node 父级 child 是子级 后面追加元素，此操作类似数组中的push

2.node.insertBefore(child, 指定元素) 该方法是将节点添加到指定元素的前面

​删除节点操作

删除节点：node.removeChid(child)

​复制节点操作

浅拷贝：node.cloneNode() 浅拷贝的意思是只复制标签不复制里面的内容

深拷贝：node.cloneNode(true) 深拷贝的意思是复制标签以及里面的内容