如何在html样式属性值中使用javascript值

我在页面上创建了一些div。根据浏览器（或可能是其他任何设置），我想更改这些div的宽度。如何在html样式属性值中使用javascript值

现在，如果我在div标签内部嵌入style =“blah等等等等;宽度：200px”，那么就可以。但是我希望这个200px有时候是220，或者其他时候是230或240。所以现在我想要在JavaScript中计算我所需的宽度，将它放入一个变量，然后将其作为宽度属性值插入，如& {} ...

如果我清楚这是否可以这种方式，if是的如何。

2010-09-12 Rahul Utb

您可以在JavaScript中设置DOM元素的CSS属性：

假设你有一个div与someDiv的id，你可以使用下面的JavaScript来改变它的宽度：

window.onload = function() { 
    var newWidth = 220; 
    document.getElementById('someDiv').style.width = newWidth + 'px'; 
};

2010-09-12 06:17:17

需要注意的是像'background-color'这样的具有破折号''的CSS属性，必须写成camle-cased，如'backgroundColor'。 – 2010-09-12 06:40:39

好吧。但这样，如果我在加载页面之前调用getElementById（即完成），则会给出错误错误：document.getElementById（“someDiv”）为null – 2010-09-12 08:14:33

@Rahul，我更新了我的答案。现在尝试一下。 – 2010-09-12 08:16:10

回答