Javascript 为什么可以'；我不能从元素中删除样式吗？

我有一个代码，可以添加和删除样式

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

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

而且我无法删除背景色。我怎样才能修好它

---

下面是我的JSFIDLE示例

将字符串

'backgroundColor'

更改为

'background-color'

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

elem.style.backgroundColor = 'transparent';

更新

或者，您可以将

背景色

设置回其默认值

透明

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

elem.style.backgroundColor = 'transparent';

---

备选方案

将字符串

'backgroundColor'

更改为

'background-color'

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

elem.style.backgroundColor = 'transparent';

更新

或者，您可以将

背景色

设置回其默认值

透明

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

elem.style.backgroundColor = 'transparent';

备选方案

尝试以下方法：

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

而不是

elem.style.removeProperty('backgroundColor');

试试这个：

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

而不是

elem.style.removeProperty('backgroundColor');

---

改为使用背景色连字号：

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

---

改为使用连字符背景色：

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

---

正如您在这里提到的

CSS标签

，它可能与主题无关

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

div{
background-color:green!important;
}

---

正如您在这里提到的

CSS标签

，它可能与主题无关

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

div{
background-color:green!important;
}

---

elem.style.removeProperty（“背景色”）；是的，谢谢。我没有注意到它。elem.style.removeProperty（'background-color'）；是的，谢谢。我没注意到。哦，谢谢。有效：）哦，谢谢。有效：）