- ベストアンサー
動的にSPANタグの高さを変えたい
Javascriptでページロード時に、クライアントPCの解像度を取得して、動的にSPANタグの高さを変えたいのですが、このようなことはできますでしょうか？
noname#246722
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ウインドウの大きさではなくてPCの解像度ですよね。 window.screen.height で高さが取得できます。 例：SPANの高さをスクリーン解像度の1/2にする。 <html><body> <script type="text/javascript"> <!-- document.write("<span style='height:" + window.screen.height/2 + ";'>"); // --></script> <noscript> <span> </noscript> SPANの内容 </span> <br> 次の行 </body></html> こんな感じで出来ると思います。 補足 SPANタグは非置換インライン要素で、styleでheightを設定しても無効です。（一部ブラウザでは誤って適用されますが、仕様上は適用されないのが正しいそうです。） DIVタグを使う方がいいと思いますよ。
