Heim > Web-Frontend > HTML-Tutorial > 这里为什么 无法获取 宽 高_html/css_WEB-ITnose

这里为什么 无法获取 宽 高_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:19:31
Original
911 Leute haben es durchsucht

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>
Nach dem Login kopieren


求教


回复讨论(解决方案)

把你的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;}
Nach dem Login kopieren

把你的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一样宽,所以也看不出效果

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage