ホームページ >ウェブフロントエンド >htmlチュートリアル >ここで幅と高さ_html/css_WEB-ITnoseを取得できないのはなぜですか?

ここで幅と高さ_html/css_WEB-ITnoseを取得できないのはなぜですか?

WBOY
WBOYオリジナル
2016-06-24 12:19:31906ブラウズ

www.style.width=document.body.offsetWidth;
www.style.height=document.body.offsetHeight;
2 行の上のブレークポイント
document.body.offsetWidth
document.body.offsetHeight

ですが、幅と高さに割り当てることはできません

<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 コード?12345678function fun(){ var www = document.getElementById('www'); www.style.width = document.body.offsetWidth+'px'; …

確かに px の追加は少なくなりましたが、ドキュメントには div 要素が 1 つしかないため、document.body の幅と高さは document.body の幅と高さと一致します。 .offsetWidth は div.style.width と同じなので、効果は見えません

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。