为什么我不能使用JavaScript直接在Chrome中分配给element.style？

Question

快速提问...出于某种原因，当我在Chrome（或Safari）上使用“li”标签运行以下内容时：

myListElement.style.backgroundColor="red";

有效。然而，当我尝试以下内容时：

myListElement.style="li{background:red;}";

没有。但是，它适用于Firefox。有人知道为什么吗？我已经使用了后一种方法，因为当我执行第一种方法时，它会覆盖：我已经分配给我的元素的悬停样式。否则，我将使用第一种方法。任何帮助表示赞赏。谢谢你们！

Answer 1

如果您查看与DOM元素相关联的style属性，您会看到，至少在Chrome中，它实际上是一个CSSStyleDeclaration对象 - 这就是将其更改为字符串的原因不行。其中一个的属性是backgroundColor，而 是一个可以简单修改的​​字符串。希望这有帮助！

Answer 2

如下：

myListElement.setAttribute("style", "background:red;");