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()
用于移除节点。