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

93 阅读 0 评论 62 点赞

我是靠谱客的博主俊秀哈密瓜，这篇文章主要介绍如何获取一个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元素内容请搜索靠谱客的其他文章。

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