2020-10-07 获得dom元素的宽度（高度）

最新推荐文章于 2022-11-13 13:45:29 发布

狗焕sama

最新推荐文章于 2022-11-13 13:45:29 发布

阅读量192

点赞数

分类专栏： keep

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_42376204/article/details/108950777

版权

keep 专栏收录该内容

95 篇文章 1 订阅

订阅专栏

获得dom元素的宽度（高度）

  <style>
    .han {
      width: 100px;
      height: 120px;
    }
  </style>
  <body>
    <div class="han"></div>
  </body>

如果dom为内联样式

dom.style.wdith/height

dom.getBoundingClientRect().width/height

let han = document.querySelector('.han')
    console.log(han.getBoundingClientRect().width)//100 不带单位

dom.offsetHeight/Width

console.log(han.offsetHeight)//120 不带单位

window.getComputedStyle(dom).width

    console.log(window.getComputedStyle(han).width)//100px 带单位

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2020-10-07 获得dom元素的宽度（高度）

获得dom元素的宽度（高度） <style> .han { width: 100px; height: 120px; } </style> <body> <div class="han"></div> </body>如果dom为内联样式dom.style.wdith/heightdom.getBoundingClientRect().width/heig.
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。