JS常用的节点操作和方法

Node>Document>documentElement>body>tagname

1.创建节点

我们常用的节点类型：
元素节点(标签)
属性节点(标签里的属性)
文本节点（文本节点）

createElement() 创建元素节点。
appendChild() 把新的子节点添加到指定节点。
insertBefore(新的子节点,指定的子节点) 在指定的子节点前面插入新的子节点。
replaceChild() 替换子节点。
removeChild() 删除子节点。

createAttribute() 创建属性节点。
setAttribute() 把指定属性设置或修改为指定的值。
getAttribute() 返回指定的属性值。
removeAttribute() 删除属性节点.

createTextNode() 创建文本节点。

2.获取节点

1.获取第一个孩子
标准下： 元素.firstElementChild
非标准下： 元素.firstChild

2.兼容下写法：
var list=document.getElementById(“list”)
var fist=list.firstElementChild||list.firstChild
console.log(fist)

3.获取最后一个子节点
元素.lastElementChild
元素.lastchild

4.获取上一个兄弟节点
元素.previousElementSibling
元素.previousSibling

5.获取下一个兄弟节点
元素.nextElementSibling
元素.nextSibling

6.获取父节点
元素.parentNode 没有兼容性
元素.parentNode.parentNode
区分offsetParent和parentNode的区别

7.获取子节点
元素.childNodes 返回子节点集合