Element节点Element节点对象对应⽹页的 HTML 元素。
每⼀个 HTML 元素在 DOM 树上都会转化成⼀个Element节点对象
元素节点的属性
Element.id
返回当前元素的id名
Element.tagName
返回当前元素的标签名
Element.className
返回当前元素的class名,它的值是⼀个字符串,每个class之间⽤空格分割。可读可写。
Element.classList
返回当前元素的所有class名,它的值是⼀个伪数组。
element表格横向滚动条
console.log(div.classList) //获取全部类名,返回伪数组,这个伪数组有六个⽅法
list.add("five","six") //添加类名
console.ains("five")) //检查当前元素是否包含某个 class //true
console.log(list.item(0)) //通过下标来获取某个类名
console.String()) //把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
返回当前元素节点的第⼀个,最后⼀个同级元素节点,如果没有则返回null。
Element.offsetParent
返回最靠近当前元素的、并且 CSS 的position属性不等于static的上层元素。
元素本⾝display:none或者position:fixed,offsetParent返回null
只要元素本⾝不是display:none,和position:fixed的情况下往上定
位值不是static的定位,如果不到就是body
Element.offsetLeft Element.offsetTop
返回该元素距离offsetParent的⽔平位移和垂直距离
元素节点的⽅法
⽤于移除节点
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论