Изменение стилей
Дата публикации: 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
- содержание
