Можно ли изменить CSS-правило через JS?

Question

[Bromez]

Т.е. не перебором элементов, а именно само правило

Answer 1

[A K]

Так можно

Answer 2

[Mikhail Osher]

Да, можно. Создаете новый тэг style с нужными стилями.

Answer 3

[SagePtr]

Можно, но не кроссбраузерно. Вот пример: www.hunlock.com/blogs/Totally_Pwn_CSS_with_Javascript

Answer 4

[Владлен Грачев]

Если без перебора, то подходящим способом будет, пожалуй, jQuery. Селектор совпадает с CSS, и стили применяются ко всем элементам одновременно. Но это все же немного не то.

Наиболее близкий к требуемому вариант: jsfiddle.net/0qm8n2sh. Изменяется стиль по клику.

Comments

[Сергей Протько]

есть еще document.querySelector а еще можно просто добавить style и туда нагенеренный CSS что было бы правильнее так как сохраняется специфичность стилей.

[Владлен Грачев]

Сергей Протько, по ссылке же на jsfiddle именно описанный вариант с добавлением style. Если я правильно понял замечание.

[Сергей Протько]

Влад Гвер: виноват, не посмотрел.

Answer 5

[sasha]

у яваскриптовых правил редактирования сталей больший приоритет, ибо он выполняется после отрисовки основных стилей css. так что на элемент можно назначить стили в цсс и в яваскрипте можно их переназначить и то что ты намалюешь там то и будет. Но тут негативный эфект в том что во первых надо менять стиль у элемента когда он будет в ДОМе, а это значит надо мониторить его в доме, или сам дом и менять стиль на лету после отрисовки дома. Рискует мигать стилем от момента показа элемента до момента прогрузки дома.