Изменение стилей
Дата публикации: 13.07.2011
При наличии поддержки DOM мы можем считывать и изменять любой внутренний CSS стиль используя style и такие его подсвойства как backgroundColor, textAlign и margin. Также CSS стиль можно изменять используя для каждого элемента свойство className. В таблице 8.20 приведена информация, какие браузеры поддерживают изменение, удаление класса и применение многократных классов с использованием пробела (class1 class2).
Браузер/ Платформа | Поддержка динамического изменения стилей и классов |
---|---|
Safari | Да |
браузер Android | Да |
Symbian/S60 | Да |
Nokia Series 40 | Нет до 6-го выпуска |
webOS | Да |
BlackBerry | Нет до версии 4.6 |
NetFront | Да |
Internet Explorer | Да |
Motorola Internet Browser | Частично |
Opera Mobile | Да |
Opera Mini | Да |
Отображение и скрытие стилей
Из таблицы 8.21 можешь узнать, какие браузеры поддерживают отображение и скрытие блока контента при помощи element.style.display=’none’ или element.style.display=’block’. Можно также использовать style.visibility, но в этом случае блок будет все равно занимать место в окне без отображения содержимого.
Браузер/ Платформа | Поддержка отображения/ скрытия контента |
---|---|
Safari | Да |
браузер Android | Да |
Symbian/S60 | Да |
Nokia Series 40 | Нет до 6-го выпуска |
webOS | Да |
BlackBerry | Нет до версии 4.6 |
NetFront | Да |
Internet Explorer | Да |
Motorola Internet Browser | Нет |
Opera Mobile | Да |
Opera Mini | Да |
Куда дальше
- следующая — Обработка событий
- предыдущая — DOM
- содержание