美文网首页
js DOM(5)

js DOM(5)

作者: 浮若年华_7a56 | 来源:发表于2018-08-01 10:41 被阅读0次

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

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

    Element.tagName 返回当前元素的标签名(大写)

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

    Element.classList 返回当前元素的所有class名,它的值是一个伪数组。
    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
    scrollLeft返回元素水平滚动条的滚动像素数。
    scrollTop返回元素垂直滚动条的滚动像素数。
    这两个属性可读可写。

    Element.offsetParent 返回最靠近当前元素的、并且 CSS 的position属性不等于static的上层元素。
    但是,如果该元素display:none或者position:fixed,offsetParent返回null

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

    Element.remove()
    用于移除节点。

    相关文章

      网友评论

          本文标题:js DOM(5)

          本文链接:https://www.haomeiwen.com/subject/nyylvftx.html