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

Question

我有以下JavaScript变量：var fontsize = "12px"var left= "200px"var top= "100px"我知道我可以像这样反复地将它们设置为我的元素：document.getElementById("myElement").style.top=topdocument.getElementById("myElement").style.left=left是否可以一次将它们全部设置在一起，像这样？document.getElementById("myElement").style = allMyStyle 

Answer 1

在单个语句中为一个元素设置多种样式非常容易。它不会影响现有属性，并且避免了进行循环或插件的复杂性。

document.getElementById("demo").setAttribute(

   "style", "font-size: 100px; font-style: italic; color:#ff0000;");

注意：如果以后使用此方法添加或更改样式属性，则使用'setAttribute'设置的先前属性将被删除。