Jag ändrar CSS med jQuery och jag vill ta bort den stil jag lägger till baserat på ingångsvärdet:
if(color != '000000') $("body").css("background-color", color); else // remove style ?
Hur kan jag göra detta? Observera att raden ovan körs när en färg väljs med hjälp av en färgplockare (dvs. när musen rör sig över ett färghjul).
Andra anmärkning: Jag kan inte göra detta med css("background-color", "none")
eftersom det kommer att ta bort standardstyling från css-filerna. Jag vill bara ta bort inlinestilen background-color
som lagts till av jQuery.
Det accepterade svaret fungerar men lämnar ett tomt style
-attribut i DOM i mina tester. Det är ingen stor sak, men det här tar bort allt:
removeAttr( 'style' );
Det här förutsätter att du vill ta bort all dynamisk styling och återgå till stilbladets styling.
Jag har fått fram ett sätt att ta bort ett stilattribut med ren JavaScript, bara för att du ska få veta hur man använder ren JavaScript.
var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
bodyStyle.removeAttribute('background-color');
else
bodyStyle.removeProperty('background-color');