標準モードで要素の幅または高さを設定します

StackOverflow https://stackoverflow.com/questions/4667651

質問

HTML要素の幅または高さを設定することは可能ですか（Ex。 <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宣言が癖モードを決定する場合、それは正常に動作します。標準モードでは、この方法で要素のサイズを変更できません

標準モードの要素のサイズを操作することは可能ですか？この障害をバイパスする方法は？

役に立ちましたか？

解決

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

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

他のヒント

style プロパティでは、CSSプロパティの値を指定できます。

CSS width プロパティはその価値として長さを取ります。

長さにはユニットが必要です。 Quirksモードでは、ブラウザは長さの代わりに整数が提供されている場合、ピクセルを想定する傾向があります。ユニットを指定します。

e1.style.width = "400px";
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top