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

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

WBOY
リリース: 2016-06-24 12:19:31
オリジナル
902 人が閲覧しました

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 と同じなので、効果は見えません

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート