web-dev-qa-db-fra.com

Javascript supprime la couleur et l'opacité de l'arrière-plan

Comment puis-je supprimer la propriété background-color et opacity en utilisant uniquement Javascript (pas Jquery!).

J'ai essayé ceci:

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

mais cela n'a pas fonctionné.

javascripthtmlcssbackgroundopacity
5
utdev

Vous pouvez simplement réinitialiser les propriétés en les définissant sur une chaîne vide:

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

Ou définissez-les sur les valeurs par défaut que vous aimez:

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

Fonctionne bien pour moi ... Fonctionne uniquement si vous mettez votre attribut d'opacité et votre arrière-plan dans le style

1
user6928264

essayer

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

0
OliverRadini

Essaye ça:

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