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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Element对象对应网页的HTML标签元素。每一个HTML标签元素,在DOM树上都会转化成一个Element节点...
    周花花啊阅读 1,117评论 0 0
  • Element节点(网页的HTML元素.每个HTML元素在DOM数上都会转换成一个元素节点) 属性 Element...
    孟泽_f963阅读 390评论 0 0
  • Element对象对应网页的HTML标签元素。每一个HTML标签元素,在DOM树上都会转化成一个Element节点...
    许先生__阅读 1,887评论 0 2
  • 节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值...
    吴博阅读 526评论 0 0
  • 父母的家,就是老家,我出生和长大的地方,方方正正的老院子,有厦房几间,柴房一个,院墙外是庄稼地,北边是庙宇改建的小...
    陌上花开_26c3阅读 290评论 0 1