javascript - 如何让 firefox 使用 style['attribute-name'] = 设置样式属性？

Question

在这个例子中，Chrome 将背景设置为红色，而 firefox 和 IE 则没有。

试：

document.getElementById("firefoxDiv").style['backgroundColor'] = "Red";

和

document.getElementById("firefoxDiv").style['background-color'] = "Red";

我宁愿能够使用外部 CSS 中使用的相同语法 background-color与使用 javascript 的内联.style.backgroundColor =

谢谢你的帮助！

注意：请 不要使用 jQuery。

Answer 1

使用.style.setProperty(propertyName, value [, priority])而不是 expando 属性。

例子：

document.getElementById("firefoxDiv").style.setProperty('background-color', 'red');