我们用开发者工具选定某个元素，可以在旁边看到它的宽度和高度。但是用代码输出它的宽度和高度时，总是不一样，请问该怎么获取到chrome开发者工具显示的那个尺寸？
谢谢
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
谢邀.
先点下：这个，然后移到你要查看的元素上，然后页面上会叠加一个尺寸，也可以点下元素之后在Computed面板看到完整的盒模型尺寸和计算后的样式：
另外如果是代码问题，请把代码贴上来看下~
宽高跟代码输出不一样,你应该审查你的代码...
如果获取盒子模型的高度，可以有不同的方法，例如首先获取元素var op=document.getElementById("p"),最简单的就是ope.style.width
var op=document.getElementById("p")
ope.style.width
JS 盒模型 scrollLeft, scrollWidth, clientWidth, offsetWidth等等，根据不同的需求获取不同的结果，给你贴图仔细看看吧！
用左上角的箭头去选中元素
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
谢邀.
先点下：
这个，然后移到你要查看的元素上，然后页面上会叠加一个尺寸，也可以点下元素之后在Computed面板看到完整的盒模型尺寸和计算后的样式：
另外如果是代码问题，请把代码贴上来看下~
宽高跟代码输出不一样,你应该审查你的代码...
如果获取盒子模型的高度，可以有不同的方法，例如
首先获取元素
var op=document.getElementById("p"),最简单的就是ope.style.width用左上角的箭头去选中元素