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

Question

快速提問...由於某種原因，當我在Chrome（或Safari）的“ li”標簽上運行以下命令時：

myListElement.style.backgroundColor="red";

有用。 但是，當我嘗試以下操作時：

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

沒有。 但是，它可以在Firefox中使用。 有人知道為什么是這樣嗎？ 我求助於使用后一種方法，因為當我執行第一種方法時，它會覆蓋我已分配給元素的：hover樣式。 否則，我將使用第一種方法。 任何幫助表示贊賞。 多謝你們！

Answer 1

如果您檢查與DOM元素關聯的style屬性，至少在Chrome中，它實際上是一個CSSStyleDeclaration對象-這就是為什么將其更改為字符串無效的原因。 它的屬性之一是backgroundColor ， 這是一個您可以簡單修改的​​字符串。 希望這可以幫助！

Answer 2

怎么樣：

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