节点树状图：
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的区别