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

Question

我在页面上创建了一些div。根据浏览器（或可能是任何其他设置），我想更改这些div的宽度。

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

如果我很清楚这是否可能以这种方式，如果是的话。

Answer 1

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

假设您有一个div id someDiv，您可以使用以下JavaScript来更改其宽度：

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