«
»

Изменение CSS-стилей с помощью JavaScript и метода cssText

2010-07-16


Часто нужно динамически изменить несколько стилей для одного элемента. Это можно сделать, воспользовавшись соответствующими свойствами метода JavaScript объекта style, но проще всего воспользоваться свойством cssText этого же объекта. Нужно просто присвоить строку в корректном формате для CSS.

Пример:
Допустим у нас есть элемента в DOM-дереве с id равным «myDiv», тогда для изменения стилей этого элемента можем написать так:

var el = document.getElementById("myDiv");
el.style.cssText="background:#00FF00; border:2px solid #FF0000;";



9 комментариев на «Изменение CSS-стилей с помощью JavaScript и метода cssText»

  1. Роман:
    2010-12-20 в 06:59

    Большое спасибо! Очень помогло!

  2. Сергей:
    2011-02-08 в 12:42

    Спасибо за подсказку.

  3. Диман:
    2011-04-05 в 20:26

    Класс. точно работает!

  4. Макс:
    2012-01-26 в 10:35

    Что то не получается, style это стандартный объект или из библиотек jQuary?

  5. admin:
    2012-01-26 в 15:36

    стандартный

  6. Я:
    2012-12-18 в 12:17

    Спасибо. Помогло

  7. ТЫ:
    2014-12-05 в 12:09

    ООООООООООфигеть, спасибо. То что искал.

  8. Петро:
    2016-07-10 в 14:27

    А как изменить с помощью скрипта выбранный стиль, то есть было class=»ФФФ», а стало class=»ааа»
    Или внутри описания стиля (а не внутри елемента!) изменить напр left:20 на left:50
    ???

  9. MrVolk:
    2018-04-20 в 17:14

    Большое спасибо! Класс! Работает!

Добавить комментарий