Глава 16. Динамический HTML_____________________________351
Таблица стилей и скрипт даются в отдельных листингах для упрощения понимания взаимодействия этих двух компонентов динамического HTML-документа (листинг 16.6).
<SCRIPT LANGUAGE=Javascript>'the first line will turn every В element '(within the current document)purple document.atyleRules.[2].style.colors "purple"
'instead of brown you want the TH element to 'be purple as well (a theme for the document), document.styleRules.[7].style.color="purple"
'now add a new style rule to the structure var pend index pend_inde =document.styleRules.add ( "P.end")
'the following will make any P element with the .end class 'be resized to the specified size document.styleRules.[ pend_index ].style.fontSize=8px </SCRIPT>
Первую строку скрипта нужно понимать следующим образом:из дерева document, структурного массива перейти в подструктуру styleRules. Там найти элемент, получивший номер ([2].). Это месторасположение свойств стиля элемента в.
Следующее служебное слово (style.)используется для указания API заменить значение свойства color элемента ([2] .)новым, т. е. color="purpie".
Элементы структуры документа пронумерованы [0 — п]. Если в дереве styleRules 30 элементов, они имеют номера [0 — 29]. Таким образом, номера [ 2 ] и [ 7 ], упомутые в листинге, имеют отношение к третьему и восьмому элементам дерева.
В следующей части скрипта содержится директива добавить новый класс в поддерево styleRules документа. Это может быть полезно, если вы работаете с большим количеством HTML-документов.
pend_index= document.styleRules.add ( "P.end")
Эта строка добавляет новый элемент styleRules в pend_index. Новое свойство таблицы стилей получает название P . end (дополнительный класс элемента типа абзац).