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

Question

在此example Chrome 将背景设置为红色，firefox 和 IE 不会。

尝试:

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

和

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

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

感谢您的帮助!

注意: NO 请使用 jQuery。

Answer 1

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

例子:

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