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

erwin0324
  • 528

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

谢谢

回复
阅读 3k
5 个回答

谢邀.

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

clipboard.png

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

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

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

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

图片描述

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

你知道吗?

宣传栏