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

Question

如何仅使用Javascript删除background-color和opacity属性（无Jquery！）。

我试过了：

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

但它不起作用。

Answer 1

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

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

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

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

Answer 2

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

对我来说很好...... 仅当您将不透明度属性和背景设置为样式

时才有效

Answer 3

试

document.getElementById（＆＃39; darkOverlay＆＃39;）。style.backgroundColor =＆＃39; transparent＆＃39 ;; document.getElementById（＆＃39; darkOverlay＆＃39;）。style.opacity = 1;

Answer 4

试试这个：

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