Element节点

Element节点对象对应网页的 HTML 元素。
每一个 HTML 元素在 DOM 树上都会转化成一个Element节点对象

元素节点的属性
Element.id

返回当前元素的id名
Element.tagName

返回当前元素的标签名
Element.className
返回当前元素的class名,它的值是一个字符串，每个class之间用空格分割。可读可写。

Element.classList
返回当前元素的所有class名,它的值是一个伪数组。

console.log(div.classList)          //获取全部类名,返回伪数组,这个伪数组有六个方法
list.add("five","six")              //添加类名          
list.remove("div2","five")          //删除类名              
list.toggle("six")                  //有就删除,没有就加上        
console.log(list.contains("five"))  //检查当前元素是否包含某个 class        //true  
console.log(list.item(0))           //通过下标来获取某个类名   
console.log(list.toString())        //把classList伪数组改成字符串

Element.clientWidth Element.clientHeight 可赖嗯特
返回元素本身的宽高，算入padding，不算入margin和border。只对块元素生效。

Element.offsetWidth Element.offsetHeight
返回元素本身的宽高，算入padding和border。

Element.scrollLeft Element.scrollTop
scrollLeft返回元素水平滚动条的滚动像素数。
scrollTop返回元素垂直滚动条的滚动像素数。
这两个属性可读可写。

Element.firstElementChild，Element.lastElementChild
Element.firstElementChild属性返回当前元素的第一个元素子节点，
Element.lastElementChild属性返回当前元素的最后一个元素子节点。
没有则返回null

Element.nextElementSibling，Element.previousElementSibling
返回当前元素节点的第一个，最后一个同级元素节点，如果没有则返回null。

Element.offsetParent
返回最靠近当前元素的、并且 CSS 的position属性不等于static的上层元素。
元素本身display：none或者position：fixed，offsetParent返回null
只要元素本身不是display:none,和position:fixed的情况下往上找定
位值不是static的定位,如果找不到就是body

Element.offsetLeft Element.offsetTop
返回该元素距离offsetParent的水平位移和垂直距离

元素节点的方法
Element.remove()
用于移除节点