Element节点

2018-08-08  本文已影响0人  孟泽_f963

Element节点(网页的HTML元素.每个HTML元素在DOM数上都会转换成一个元素节点)

属性
Element.id返回当前元素的id名。
Element.tagName返回当前元素的标签名。
Element.className返回当前元素的class名,值是一个字符串,每个class之间用空格分开。
Element.classList返回当前元素的所有class,它的值是一个伪数组。

Element.classList classList有下列方法。
add():增加一个 class。
remove():移除一个 class。
contains():检查当前元素是否包含某个 class。
toggle():将某个 class 移入或移出当前元素。
item():返回指定索引位置的 class。
toString():将 class 的列表转为字符串。

Element.clientWidth Element.clientHeight返回元素本身的宽高,算入padding,不算入margin和border。只对块元素生效。
Element.offsetWidth Element.offsetHeight返回元素本身的宽高,算入padding和border
Element.scrollLeft Element.scrollTop返回元素水平/垂直滚动条的滚动像素数。这两个属性可读可写。
Element.offsetLeft Element.offsetTop返回该元素距离offsetParent的水平位移和垂直距离。
Element.offsetParent 返回最靠近当前元素的、并且 CSS 的position属性不等于static的上层元素。但是,如果该元素display:none或者position:fixed,offsetParent返回null
Element.firstElementChild,Element.lastElementChild

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

Element.nextElementSibling,Element.previousElementSibling

Element.nextElementSibling属性返回当前元素节点的后一个同级元素节点,如果没有则返回null。
Element.previousElementSibling属性返回指定元素的前一个同级元素

方法

Element.remove()用于移除节点。
上一篇下一篇

猜你喜欢

热点阅读