JavaScript и CSS
Некоторые из статей данного сайта затрагивали вопросы использования javascript и css. Данная связка позволяет реализовать достаточно интересные эффекты и оригинальным образом оживить web-страницу. Поэтому настала пора уделить этому вопросу более детальное внимание. Будем исходить из того, что общие сведения о таком языке как javascript Вам известны, поэтому сразу перейдем к теме статьи. Таблица стилей может быть вложена в документ с помощью дескриптора <STYLE> или связана с документом с помощью дескриптора . В соответствии с этим, объект document содержит массив (styleSheets) всех задействованных в текущем документе таблиц стилей (styleSheet). C помощью элементов этого массива можно подключать или отключать всю таблицу, получать доступ к отдельным правилам (с помощью массива свойств rules или cssRules), а также добавлять или удалять правила для данной таблицы. Обращение к определенному правилу осуществляется следующим образом:
document.styleSheets[x].rules[y] document.styleSheets[x].cssRules[y]где x и y номер таблицы стилей и номер правила соответственно. Обращение к стилям также возможно через свойство style элемента html. Например, задать красный цвет элемента с идентификатором main можно следующим образом:
Версия для печати
Полная версия
document.all.main.style.color="red"
или
document.getElementById("main").style.color="red".
Свойство style также имеет и объект rules/cssRules:
document.styleSheets[x].rules[y].style.color="red" document.styleSheets[x].cssRules[y].style.color="red"Дальнейшее повествование разобьем на следующие части:
