Javascript 移除背景颜色和不透明度

Question

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

我试过这个：

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

但是没用。

Answer 1

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

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

Answer 2

尝试

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

Answer 3

试试这个：

var element = document.getElementById('darkOverlay');
element.style.backgroundColor = null;
element.style.opacity = null;

Answer 4

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

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

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

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