为什么我不能从元素中删除样式？

Question

我有一个代码，应该添加和删除样式。

(function (){
  var elem = document.querySelector('div');
    elem.style.backgroundColor = 'green';
    elem.style.outline = 'solid red 5px';

    elem.style.removeProperty('outline');
    elem.style.removeProperty('backgroundColor');
})();

我无法移除backgroundColor。我该如何解决？

这是我的jsFiddle示例http://jsfiddle.net/gjm550sL

Answer 1

将字符串'backgroundColor'更改为'background-color' ...

elem.style.removeProperty('background-color');

更新了Fiddle

或者，您可以将background-color设置为默认值transparent ...

elem.style.backgroundColor = 'transparent';

替代Fiddle

Answer 2

试试这个：

elem.style.removeProperty('background-color');

而不是

elem.style.removeProperty('backgroundColor');

<强> Fiddle

Answer 3

Hyphenate backgroundColor：

elem.style.removeProperty('background-color');

Answer 4

这可能与您在此处提到CSS tag

的主题不同

你可以这样做，而不是写冗长的代码

div{
background-color:green!important;
}