如何让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');