javascript - JavaScriptでスタイル属性の1つの値を変更するにはどうすればよいですか？

Question

私はdivstyle属性で定義されています：

<div id="div1" style="width:600;height:600;border:solid 1px"></div>

divJavaScriptでの高さを変更するにはどうすればよいですか？

Answer 1

<script type="text/javascript">
function changeHeight(height)
{
   document.getElementById("div1").style.height = height + "px";
}
</script>

Answer 2

彼のサンプル コードから判断すると、彼は Dojo フレームワークを使用しています。Dojo での高さの変更は、次のような方法で行います。

dojo.style("div1", "height", 300); 

http://api.dojotoolkit.org/jsdoc/dojo/1.2/dojo.style

Answer 3

document.getElementById("div1").style.height = height + "px";

Answer 4

jQueryでどのように表示されるかを次に示します。

<div id="div1" style="width:600;height:600;border:solid 1px"></div>
<a href="#">Change height to 300</a>

<script type="text/javascript">
    $(function() {
        $('a').click(function() {
            $('#div1').css('height', '400px');
            return false;
        });
    });
</script>

Answer 5

var d = document.getElementById("div1");
d.style.height = "300px";

Answer 6

コメントを次のように置き換えてください。

node.style.height=高さ;

ああ、関数に300を渡すだけで機能するかどうかはわかりません。おそらく、他の投稿で提案されているように「300px」を渡す必要があります...

Answer 7

Dojo では、次のようにします。

dojo.style("div1", "height", "300px");

docs に記載されているように、高さに単位を設定することが重要です。