JS. Как получить значения css элемента до изменений?

Question

[Роман Сохарев]

Существует ли возможность получить значения CSS для конкретного элемента до изменений внесенных JS?
Или, может быть, существует возможность отличить значения CSS заданные непосредственно в HTML от значений, заданных в CSS документе?
Если есть решение для jQuery, то тоже подойдет.

Answer 1

[Vadim Bogomazov]

var startValue = $(elem).css('имя свойства');  // сохранили значение
$(elem).css({'имя свойства': 'новое значение'}); // изменили значение
$(elem).css({'имя свойства': startValue}); // вернули старое значение

На чистом JS смотрите getComputedStyle: learn.javascript.ru/styles-and-classes#getcomputed...

Comments

[Роман Сохарев]

@bogomazov_vadim похоже, я плохо поставил вопрос. Я не новичок в JS и jQuery. Как получать и хранить свойства элементов я знаю. Сейчас у меня так и происходит. Все это хранится в объекте. Свойства более сотни элементов попадают в этот объект по разным хитрым условиям. А вот теперь я хочу избавится от этого, как мне кажется, ужаса.

[Vadim Bogomazov]

Может стоит попробовать через JS задавать классы элементам, а далее через CSS этим классам добавлять правила?

Answer 2

[Виталий Желтяков]

Нет, это просто так не возможно. Так же не возможно просто сбросить стили элемента на начальный уровень.

Единственный вариант - запоминать начальные значения при помощи JS. Пример приведён в комментарии выше.