节点

节点树状图：

document>documentelement>body>tagname

我们常用的节点类型

元素节点（标签）

文本节点（文本节点）

属性节点（标签里的属性）

document有个属性叫nodetype返回的数字

1.代表元素节点

2.代表属性节点

3.代表文本节点

节点的获取

document.getelementByid（）

document.getelementsByClassName（）

document.getelementsBytagName（）

document.queryselector（）

document.queryselectorAll（）

属性节点的获取

文本节点

没有获取的方法，没有意思

获取元素的子节点

元素.childnodes 这个属性有兼容性 标准浏览器会获取到文本节点

而低版本浏览器不会。所以建议使用children这个属性

获取单个子节点

获取第一个孩子

标准下元素firstelementchild

非标准下元素firstchild

兼容下写法

获取最后一个子节点

元素.lastelementchild 元素.lastchild

获取上一个兄弟节点

元素.previoussibling

元素.previouselementsibling

获取下一个兄弟节点

元素.nextsibling

元素.nextelementsibling

获取父节点

元素.parentnode 没有兼容性

区分 offsetparent和parentnode的区别