如何获取一个dom元素的宽和高

83 阅读 0 评论 55 点赞

我是靠谱客的博主俊秀哈密瓜，最近开发中收集的这篇文章主要介绍如何获取一个dom元素的宽和高，觉得挺不错的，现在分享给大家，希望可以做个参考。

1.通过dom的style属性获取宽和高，只能获取内联属性的值

dom.style.width/height

2.无论像是class还是内联还是style都会被浏览器渲染，在渲染之后就会通过currentStyle，不过只有IE支持

dom.currentStyle.width/height

3.getComputedStyle兼容Firefox和Chrome

window.getComputedStyle(dom).width/height

4.getBoundingClientRect，主要是基于绝对位置的计算（能够拿到top、left、width、height）

dom.getBoundingClientRect().width/height

以上就是俊秀哈密瓜为你收集整理的如何获取一个dom元素的宽和高的全部内容，希望文章能够帮你解决如何获取一个dom元素的宽和高所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。