我有一个外部样式表,其中包含以下内容:
.box {
padding-left:30px;
background-color: #BBFF88;
border-width: 0;
overflow: hidden;
width: 400px;
height: 150px;
}
然后我有这个:
<div id="0" class="box" style="position: absolute; top: 20px; left: 20px;">
当我尝试访问 div 的宽度时:
alert(document.getElementById("0").style.width);
出现一个空白警告框。
如何访问样式表中定义的宽度属性?
注意:div 以正确的宽度显示。
你应该使用window.getComputedStyle
以获得该值。我建议不要使用offsetWidth
or clientWidth
如果您正在寻找 CSS 值,因为它们返回包含填充和其他计算的宽度。
Using getComputedStyle
,你的代码将是:
var e = document.getElementById('0');
var w = document.defaultView.getComputedStyle(e,null).getPropertyValue("width");
MDC 给出了这方面的文档:window.getCompatedStyle
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)