Jeg ændrer CSS med jQuery, og jeg ønsker at fjerne den styling, jeg tilføjer baseret på inputværdien:
if(color != '000000') $("body").css("background-color", color); else // remove style ?
Hvordan kan jeg gøre dette? Bemærk, at ovenstående linje kører, når der vælges en farve ved hjælp af en farvevælger (dvs. når musen bevæger sig over et farvehjul).
css("background-color", "none")
, fordi det vil fjerne standardstyling fra css-filerne. Jeg vil bare fjerne background-color
inline-stilen, der er tilføjet af jQuery.Det accepterede svar virker, men efterlader en tom style
-attribut på DOM'en i mine tests. Ikke noget særligt, men dette fjerner det hele:
removeAttr( 'style' );
Dette forudsætter, at du ønsker at fjerne al dynamisk styling og vende tilbage til stylesheet-styling.
Jeg har fundet en måde at fjerne en stilattribut på med ren JavaScript, bare for at vise dig hvordan man bruger ren JavaScript
var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
bodyStyle.removeAttribute('background-color');
else
bodyStyle.removeProperty('background-color');