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

Posted

技术标签:

【中文标题】如何使用 JavaScript 更改样式属性中的一个值?【英文标题】:How can I change one value in style attribute with JavaScript? 【发布时间】:2009-03-25 22:09:51 【问题描述】:

我有一个用样式属性定义的div

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

如何使用 javascript 更改 div 的高度?

【问题讨论】:

【参考方案1】:
<script type="text/javascript">
function changeHeight(height)

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

</script>

【讨论】:

【参考方案2】:

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

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

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

【讨论】:

+1 表示 OP 可能希望继续使用他的框架。【参考方案3】:
document.getElementById("div1").style.height = height + "px";

【讨论】:

【参考方案4】:
var d = document.getElementById("div1");
d.style.height = "300px";

【讨论】:

【参考方案5】:

下面是 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>

【讨论】:

【参考方案6】:

只需将您的评论替换为:

node.style.height = 高度;

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

【讨论】:

【参考方案7】:

在道场中,你会这样做:

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

高度上的单位很重要,如mentioned in the docs。

【讨论】:

以上是关于如何使用 JavaScript 更改样式属性中的一个值?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 JavaScript 中更改元素的样式属性?

js如何更改css样式,

如何使用 JavaScript 更改元素的类?

如何使用 JavaScript 更改元素的类?

满足条件后如何更改 CSS 样式属性? PHP、JS、CSS

Knockout JS,如何在更改可观察数组中的值时更改样式属性