Javascript删除背景颜色和不透明度答案

【问题标题】：Javascript remove background color and opacityJavascript删除背景颜色和不透明度
【发布时间】：2017-03-15 19:24:15
【问题描述】：

如何仅使用 Javascript（不使用 Jquery！）删除背景颜色和不透明度属性。

我试过了：

document.getElementById('darkOverlay').style.removeProperty("background-color");
document.getElementById('darkOverlay').style.removeProperty("opacity");

但它不起作用。

【问题讨论】：

标签： javascript html css background opacity

【解决方案1】：

试试

document.getElementById('darkOverlay').style.backgroundColor= 'transparent';
document.getElementById('darkOverlay').style.opacity= 1;

【讨论】：

【解决方案2】：

您可以通过将属性设置为空字符串来重置属性：

document.getElementById('darkOverlay').style.backgroundColor = "";
document.getElementById('darkOverlay').style.opacity = "";

或者将它们设置为您喜欢的默认值：

document.getElementById('darkOverlay').style.backgroundColor = "transparent";
document.getElementById('darkOverlay').style.opacity = "1";

【讨论】：

【解决方案3】：

试试这个：

var element = document.getElementById('darkOverlay');
element.style.background-color = null;
element.style.opacity = null;

【讨论】：

element.style.background-color 在 Javascript 中不是一个可行的变量表示法。使用element.style.backgroundColor 或element.style['background-color']。

【解决方案4】：

document.getElementById("darkOverlay").removeAttribute("style");

对我来说很好用... 仅当您将不透明度属性和背景放在样式中时才有效

【讨论】：

错误的解决方案。它将移除其他带有背景的样式效果。