Изменение стилей узлов

Функция dojo.style из библиотеки Base обеспечивает полную возможность получения или изменения значений отдельных атрибутов стиля для конкретного узла. Чтобы получить значение определенного атрибута стиля, достаточно просто передать функции узел и имя атрибута стиля в формате DOM (то есть borderWidth, а не border-width). Если в третьем необязательном аргументе функции передать значение атрибута стиля, она превратится из метода чтения в метод записи. Например, вызов dojo.style("foo", "height") вернет высоту элемента со значением атрибута id, равным "foo", а вызов dojo.style("foo", "height", "100px") установит высоту элемента равной 100 пикселям. Существует также возможность одним обращением к функции изменить значения сразу нескольких атрибутов, используя значение типа Object в качестве второго аргумента, например, так:
dojo.style("foo", {
height : "100px",
width : "100px",
border : "1px green"
});

Во многих приложениях помимо возможности манипулировать определенными атрибутами стиля с помощью dojo.style возникает необходимость добавлять, удалять, переключать и проверять существование определенных классов стилей. Все это можно реализовать с помощью набора функций манипулирования классами, которые к тому же имеют одинаковые сигнатуры. Первым параметром в эти функции переда ется интересующий узел DOM, а вторым – имя класса, которым требуется манипулировать. Например, чтобы добавить в узел стилевой класс, достаточно выполнить такой вызов: dojo.addClass("foo", "some-ClassName"). Обратите внимание, что в имени класса отсутствует ведущий символ точки, которая необходима при определении класса в таблицах стилей.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела Dojo на эту тему:
Аргументы «функции в виде строк»
Блочная модель
Грубое определение типа
Добавление узлов
Зачем управлять беспорядком

Вернуться в раздел: Dojo / Утилиты броузера