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

Posted 2023-03-06

【中文标题】Javascript删除背景颜色和不透明度

【英文标题】：Javascript remove background color and opacity

【发布时间】：2017-03-15 19:24:15

【问题描述】：

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

我试过了：

document.getElementById('darkOverlay').style.removeProperty("background-color");
document.getElementById('darkOverlay').style.removeProperty("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");

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

【讨论】：

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