javascript - 如何获取chrome开发者工具选定到某个元素时,显示的那个尺寸?
高洛峰
高洛峰 2017-04-11 11:33:24
0
5
826

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

谢谢

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(5)
大家讲道理

谢邀.

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

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

Ty80

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

左手右手慢动作

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

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

Ty80

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板