如何使用JavaScript更改style属性中的一个值？

Question

我有一个div定义了一个样式属性：

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

如何使用JavaScript更改div的高度？

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 = height;

哦，不确定是否只是将300传递给你的函数会使它工作，也许你必须像其他帖子中建议的那样传递“300px”......

Answer 7

在dojo中，你会这样做：

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

让单位处于高度非常重要，如mentioned in the docs。