如何获取chrome开发者工具选定到某个元素时,显示的那个尺寸?

我们用开发者工具选定某个元素,可以在旁边看到它的宽度和高度。但是用代码输出它的宽度和高度时,总是不一样,请问该怎么获取到chrome开发者工具显示的那个尺寸?

谢谢

阅读 6.2k
5 个回答

谢邀.

先点下:clipboard.png
这个,然后移到你要查看的元素上,然后页面上会叠加一个尺寸,也可以点下元素之后在Computed面板看到完整的盒模型尺寸和计算后的样式:

clipboard.png

另外如果是代码问题,请把代码贴上来看下~

宽高跟代码输出不一样,你应该审查你的代码...

如果获取盒子模型的高度,可以有不同的方法,例如
首先获取元素var oDiv=document.getElementById("div"),最简单的就是oDive.style.width

JS 盒模型 scrollLeft, scrollWidth, clientWidth, offsetWidth等等,根据不同的需求获取不同的结果,给你贴图仔细看看吧!

图片描述

用左上角的箭头去选中元素

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题