这有效:
<div id="hello" style="width:100%;"></div>
<script>
window.onload = function(){
alert(document.getElementById("hello").style.width);
};
</script>
这确实not work:
<div id="hello"></div>
<style>
div#hello{
width:100%;
}
</style>
<script>
window.onload = function(){
alert(document.getElementById("hello").style.width);
};
</script>
- 我也尝试过将 css 样式定义正确地放在 head 标签中,但没有用
- 我尝试定义一个 javascript 函数而不是调用 window.onload ,但没有成功
最奇怪的是,如果我使用 javascript 设置宽度:
alert( document.getElementById("hello").style.width );
document.getElementById("hello").style.width = "25%";
alert(document.getElementById("hello").style.width );
它会起作用的。第一个警报将显示空白警报,然后第二个警报将显示“25%”
尝试以下操作
window.onload = function(){
var x = document.getElementById("hello");
var y ="";
if (x.currentStyle)
y = x.currentStyle['width'];
else if (window.getComputedStyle)
y = document.defaultView.getComputedStyle(x,null).getPropertyValue('width');
alert(y);
};
它的灵感来自于我读到的一些东西Here http://www.quirksmode.org/dom/getstyles.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)