Променям CSS с jQuery и искам да премахна стила, който добавям въз основа на входната стойност:
if(color != '000000') $("body").css("background-color", color); else // remove style ?
Как мога да направя това? Обърнете внимание, че горният ред се изпълнява всеки път, когато се избере цвят с помощта на избор на цвят (т.е. когато мишката се движи върху цветно колело).
2-ра забележка: Не мога да'направя това с css("background-color", "none")
, защото това ще премахне стилизирането по подразбиране от css файловете. Искам само да премахна вградения стил background-color
, добавен от jQuery.
Промяната на свойството в празен низ изглежда върши работа:
$.css("background-color", "");
Приетият отговор работи, но при моите тестове оставя празен атрибут style
в DOM. Няма проблем, но това премахва всичко:
removeAttr( 'style' );
Това предполага, че искате да премахнете всички динамични стилове и да се върнете обратно към стилизирането от таблицата със стилове.
Получих начина за премахване на атрибут за стил с чист JavaScript, за да ви запозная с начина на работа с чист JavaScript
var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
bodyStyle.removeAttribute('background-color');
else
bodyStyle.removeProperty('background-color');