Maison >interface Web >tutoriel HTML >这里为什么 无法获取 宽 高_html/css_WEB-ITnose
www.style.width=document.body.offsetWidth;
www.style.height=document.body.offsetHeight;
断点以上两行
document.body.offsetWidth
document.body.offsetHeight
都有确定的值
但就是没法赋给width 和 height
<style>#www{ background-color:#0F0;}</style><script>function fun(){ var www=document.getElementById('www') ; www.style.width=document.body.offsetWidth; www.style.height=document.body.offsetHeight; www.style.opacity=0.5;}</script></head><body><div id="www" onclick="fun()">哇哈哈</div>
把你的JS函数改成下面的就行了:
function fun(){ var www = document.getElementById('www'); www.style.width = document.body.offsetWidth+'px'; www.style.height = document.body.offsetHeight+'px'; www.style.opacity = 0.5;}
把你的JS函数改成下面的就行了:
JavaScript code?12345678function fun(){ var www = document.getElementById('www'); www.style.width = document.body.offsetWidth+'px'; www.style.height = document.……
的确是少加了px 这里纠正一下,文档中只有div一个元素,因此document.body的宽高和该div的宽高一致,用document.body.offsetWidth仍然跟div.style.width一样宽,所以也看不出效果