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 返回子节点集合