Можливо два способи управління стилем - безпосереднє програмне зміна елементів стилю і перевизначення стилю з використанням класів CSS.
Розглянемо перший спосіб. Ми вже застосовували його, коли розглядали можливості перехоплення подій клавіатури. Зміст даного методу полягає в тому, що необхідний зовнішній вигляд і поведінку елемента досягається послідовною зміною властивостей його стилю. наприклад:
Цей скрипт при натисканні на сторінці змінює стиль документа, змінюючи шрифт з напівжирного червоного на звичайний чорний. Якщо трохи змінити скрипт і додати таймер, то вийде ось такий миготливий текст:
А змінити скрипт треба так:
Другий спосіб полягає в тому, що дінаміческм змінюється не кожен елемент стилю окремо, а відразу встановлюється значення класу елемента. У свою чергу, стиль класу описується окремо в форматі CSS.
Додамо в елемент head опис стилів необхідних класів і код скрипта:
В елемент body додамо відповідний тег з текстом:
В результаті отримаємо наступне:
На перший взглад може здатися, що другий метод значно більш громіздкий і незручний, але смію вас запевнить - це не так. Плюсів такого підходу всього три, але вони повністю компенсують усі мінуси.
Третя причина найбільше важлива для розробників. Розділивши код і опис стилів, можна спокійно зашифрувати або якось ще закрити код, захищаючи тим самим свою працю від банального злодійства і плагіату. Це особливо актуально, якщо ви поширюєте свої скрипти за гроші.