BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] 標準モードでの要素の幅や高さを設定する

2022-06-13 11:19:47

質問

HTML要素（例：）の幅や高さを設定することは可能ですか？ <div> など)の幅や高さを標準モードでJavaScriptで設定することはできますか？

次のコードに注目してください。 

<html>
<script language="javascript" type="text/javascript">
    function changeWidth(){
        var e1 = document.getElementById("e1");
        e1.style.width = 400;
    } 
</script>
<body>
    <input type="button" value="change width" onclick="changeWidth()"/>
    <div id="e1" style="width:20px;height:20px; background-color:#096"></div>
</body>
</html>

ユーザが 幅を変更する ボタンを押すと <div> の幅が変更されるはずです。

doctype宣言でQuirks Modeを決定しているときはうまくいくのですが。標準モードでは、私はこの方法で要素のサイズを変更することはできません。

標準モードで要素のサイズを操作することは可能でしょうか？この機能不全を回避する方法は？

どのように解決するのですか?

幅の単位を宣言してみてください。 

e1.style.width = "400px"; // width in PIXELS

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します