查看节点名称： 属性 nodeName
注意：输出的是大写
查看节点类型： 属性 nodeType
元素节点
属性节点
文本节点
查看节点的值： 属性 nodeValue
js 集合 了 html标签的标准属性（可解析的属性）作为节点对象的属性。
意味着 但凡html中 已有的属性 都可以通过节点对象直接操作。
不是html里面的标准属性那就需要通过getAttribute方法来取得！！！
盒子属性
查看盒子在页面中真实坐标的位置： 属性 offsetLeft（x轴），offsetTop（y轴）
查看盒子在页面中占据的尺寸： 属性 clientWidth（宽度），clientHeigt（高度）
查看盒子内容+padding+border的尺寸，用这种属性：offsetWidth（宽度），offsetHeight（高度）
查看滚动条滚动距离的属性： scrollTop（纵向的），scrollLeft（横向的）
注意，这里还要借助onscroll方法来实现。相当于实时监听
选中元素节点内容的属性： innerHTML
头尾的空白文本节点也算哦~！！！
那只想要选中中间的文本元素要使用什么属性呢? ——innerText
自定义属性的操作方法
选取自定义属性属性值的方法： getAttribute 方法
设置或者修改自定义属性的值的方法： setAttribute 方法
元素节点.setAttribute("要修改的属性"，“要修改的属性值”）
给文本添加高亮效果：
节点对象的查询方法：querySelector、querySelector
getElementsByTagName、getElementsByClassName
在元素节点最后的空白的子文本元素里面插入的操作方法： appendChild
往父节点中插入字节点 指定在某个子元素的前面的操作方法：insertBefore
父子元素节点.insertBefore(要插入的元素，某个子元素)
