资讯专栏INFORMATION COLUMN

JS基础入门篇(二十四)—DOM(下)

bladefury / 1561人阅读

摘要:到定位父级节点的距离返回值是一个对象,包含了元素盒模型的详细信息可视大小取对象中详细的属性值相对于浏览器可视区域。移入移出效果移入当前数字,数字的前后背景变色。

1.offsetLeft/offsetTop

offsetLeft/offsetTop : 到定位父级节点的距离.




    
    Title
    


    
2.node.getBoundingClientRect
    返回值是一个对象,包含了元素盒模型的详细信息(可视大小);
    取对象中详细的属性值(相对于浏览器可视区域)。








3.getAtrribute:获取元素属性

    
3.setAttribute和removeAttribute

setAttribute:设置的自定义属性在行间。
removeAttribute:删除行间所在的自定义属性。


    
    
4.移入移出效果

移入当前数字,数字的前后背景变色。点击查看效果




    
    Title

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54558.html

相关文章

  • JS基础入门十四)—DOM

    摘要:到定位父级节点的距离返回值是一个对象,包含了元素盒模型的详细信息可视大小取对象中详细的属性值相对于浏览器可视区域。移入移出效果移入当前数字,数字的前后背景变色。 1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父级节点的距离. Title div{ padding...

    SmallBoyO 评论0 收藏0
  • JS基础入门十四)—DOM

    摘要:到定位父级节点的距离返回值是一个对象,包含了元素盒模型的详细信息可视大小取对象中详细的属性值相对于浏览器可视区域。移入移出效果移入当前数字,数字的前后背景变色。 1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父级节点的距离. Title div{ padding...

    mcterry 评论0 收藏0
  • JS基础入门十四)—DOM(上)

    摘要:常用的节点类型,,,。一句话这里是注释找到的父节点获取节点的一级的元素子节点,只获取元素,返回的是集合。 1.常用的节点类型,nodeType,attributes,childNodes。 1.元素节点 - 1 2.属性节点 - 2 3.文本节点 - 3 4.注释节点 - 8 5.文档节点 - 9 查看节点类型 node.nodeType(返回的是数字) 属性节点 ...

    Amio 评论0 收藏0
  • JS基础入门十四)—DOM(上)

    摘要:常用的节点类型,,,。一句话这里是注释找到的父节点获取节点的一级的元素子节点,只获取元素,返回的是集合。 1.常用的节点类型,nodeType,attributes,childNodes。 1.元素节点 - 1 2.属性节点 - 2 3.文本节点 - 3 4.注释节点 - 8 5.文档节点 - 9 查看节点类型 node.nodeType(返回的是数字) 属性节点 ...

    ChristmasBoy 评论0 收藏0
  • JS基础入门十四)—DOM(上)

    摘要:常用的节点类型,,,。一句话这里是注释找到的父节点获取节点的一级的元素子节点,只获取元素,返回的是集合。 1.常用的节点类型,nodeType,attributes,childNodes。 1.元素节点 - 1 2.属性节点 - 2 3.文本节点 - 3 4.注释节点 - 8 5.文档节点 - 9 查看节点类型 node.nodeType(返回的是数字) 属性节点 ...

    Songlcy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<