Главная/ Учимся Javascript, CSS, HTML/ Бонус книги/ Programming The Mobile Web/ Javascript Mobile/ Изменение стилей. Разработка для мобильного Веб. Maximiliano Firtman.

Изменение стилей

Подготовили: Анна Лысак и Татьяна Головко

Дата публикации: 13.07.2011

При наличии поддержки DOM мы можем считывать и изменять любой внутренний CSS стиль используя style и такие его подсвойства как backgroundColor, textAlign и margin. Также CSS стиль можно изменять используя для каждого элемента свойство className. В таблице 8.20 приведена информация, какие браузеры поддерживают изменение, удаление класса и применение многократных классов с использованием пробела (class1 class2).

Табл. 8.20. Таблица поддержки динамического изменения CSS
Браузер/ Платформа Поддержка динамического изменения стилей и классов
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, но в этом случае блок будет все равно занимать место в окне без отображения содержимого.

Табл. 8.21. Таблица поддержки отображения и скрытия элементов
Браузер/ Платформа Поддержка отображения/ скрытия контента
Safari Да
браузер Android Да
Symbian/S60 Да
Nokia Series 40 Нет до 6-го выпуска
webOS Да
BlackBerry Нет до версии 4.6
NetFront Да
Internet Explorer Да
Motorola Internet Browser Нет
Opera Mobile Да
Opera Mini Да

Куда дальше

Показать комментарии