如何在JavaScript中设置多种CSS样式？

Question

我有以下JavaScript变量：

var fontsize = "12px"
var left= "200px"
var top= "100px"

我知道我可以这样迭代地将它们设置为我的元素：

document.getElementById("myElement").style.top=top
document.getElementById("myElement").style.left=left

是否可以一次将它们全部设置在一起，像这样？

document.getElementById("myElement").style = allMyStyle

Answer 1

如果您将CSS值作为字符串，并且尚未为该元素设置其他CSS（或者您不关心覆盖），请使用cssText属性：

document.getElementById("myElement").style.cssText = "display: block; position: absolute";

从某种意义上说，这很好，因为它避免了每次更改属性时都重新绘制元素（以某种方式一次全部更改它们）。

另一方面，您将必须先构建字符串。