javascript - 如何使用Javascript为一个元素添加多个样式属性？

Question

我已经尝试了此代码的各种版本来尝试更改某个元素以进行编码练习，但似乎没有一个能够在单击按钮时更改元素的多个样式属性。会喜欢一些帮助。谢谢!

document.getElementById("组合样式").onclick = function() {
document.getElementById ("更多文本").style.fontSize.color = "50px, #BB65C5";
}

Answer 1

您可以使用 cssText 属性，但它会完全改变元素的样式

Style cssText Property

document.getElementById("myP").style.cssText = "background-color:pink;font-size:55px;border:2px dashed green;color:white;"

这将覆盖该元素的现有 css 样式，因此请确保包含所有需要的属性。