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

Question

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

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

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

Answer 1

您可以在 JavaScript 中为 DOM 元素设置 CSS 属性:

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

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