javascript - 如何使用 JavaScript 更改样式属性中的一个值？

Question

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

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

如何div使用 JavaScript 更改高度？

score 25 · Accepted Answer

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

score 7 · Accepted Answer

从他的示例代码来看，他正在使用 dojo 框架。改变道场的高度可以通过类似于以下的方式来完成：

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

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

score 5 · Accepted Answer

5

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

于 2009-03-25T22:13:17.687 回答

score 2 · Accepted Answer

这是使用 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>

score 2 · Accepted Answer

2

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

于 2009-03-25T22:13:21.540 回答

score 1 · Accepted Answer

只需将您的评论替换为：

node.style.height = 高度；

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

score -1 · Accepted Answer

在道场中，你会这样做：

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

如文档中所述，将单位放在高度上很重要。

javascript - 如何使用 JavaScript 更改样式属性中的一个值？

7 回答 7

Related

Reference