В этой таблице мы установили соответствие между тегами и свойствами элементов оформления Web-страниц, которые создаются при помощи этих тегов. Легко заметить, что часто наименования свойств повторяют наименования параметров-атрибутов, входящих в состав тегов. Это не случайно: значения этих свойств совпадают со значениями параметров тегов, прописанными в коде HTML-документа. Также среди них встречаются аналоги элементов CSS. Но есть и иные свойства, с которыми мы не успели ознакомиться при рассмотрении объекнтой модели браузера. В табл. 7.7 приведен список всех свойств, входящих в объектную модель DHTML с их краткой характеристикой.
Таблица 7.7. Свойства в DHTML
Свойство
|
Описание
|
accessKey
|
Задает "горячую клавишу" для быстрой установки фокуса ввода на элемент
|
action
|
Указывает адрес приложения или документа, обрабатывающего данные, передаваемые формой
|
activeElement
|
Идентификатор активного элемента
|
align
|
Задает выравнивание элемента
|
alinkColor
|
Указывает цвет отображения активных ссылок на странице
|
alt
|
Задает текст, заменяющий графическое изображение
|
altKey
|
Указывает состояние клавиши <Alt>
|
appCodeName
|
Содержит кодовое наименование движка браузера, в котором отображается текущая Web-страница
|
appName
|
Содержит краткое наименование браузера, в котором отображается текущая Web-страница
|
appVersion
|
Содержит номер версии используемого пользователем браузера
|
background
|
Задает графическое изображение или цвет, используемое в качестве фона для данного элемента
|
backgroundAttachment
|
Задает алгоритм отображения фоновой картинки при прокручивании содержимого Web-страницы в окне просмотра браузера
|
backgroundColor
|
Указывает фоновый цвет элемента
|
backgroundlmage
|
Содержит URL графического файла с изображением, использующимся в качестве фона для элемента
|
backgroundPosition
|
Задает координаты расположения фонового изображения
|
backgroundPositionX
|
Содержит горизонтальную координату левого верхнего угла фонового изображения относительно левого верхнего угла элемента, содержащего ее
|
backgroundPositionY
|
Содержит вертикальную координату левого верхнего угла фонового изображения относительно левого верхнего угла элемента, содержащего ее
|
backgroundRepeat
|
Задает алгоритм повтора фоновой картинки
|
balance
|
Указывает соотношение громкости левого и правого каналов для фоновой музыки
|
bgColor
|
Задает цвет фона элемента
|
bgProperties
|
Предоставляет доступ к свойствам фонового изображения
|
body
|
Содержит весь HTML-код, заключенный между тегами <body> и </body>. Имеет статус "только для чтения"
|
border
|
Задает тип рамки вокруг элемента
|
borderBottom
|
Задает тип нижней границы элемента
|
borderBottomColor
|
Указывает цвет нижней границы элемента
|
borderBottomStyle
|
Устанавливает стиль отображения нижней границы элемента
|
borderBottomWidth
|
Задает ширину нижней границы элемента
|
borderColor
|
Позволяет устанавливать цвет рамки вокруг элемента
|
borderColorDark
|
Устанавливает цвет "темной половины" рамки, т. е. нижней и правой границ
|
border Co lor Light
|
Устанавливает цвет "светлой половины" рамки, т. е. верхнней и левой границ
|
BorderLeft
|
Задает тип левой границы элемента
|
border Left Color
|
Указывает цвет левой границы элемента
|
borderLeftStyle
|
Устанавливает стиль отображения левой границы элемента
|
borderLeftWidth
|
Задает ширину левой границы элемента
|
BorderRight
|
Задает тип правой границы элемента
|
borderRight Color
|
Указывает цвет правой границы элемента
|
borderRight Style
|
Устанавливает стиль отображения правой границы элемента
|
borderRightWidth
|
Задает ширину правой границы элемента
|
borderStyle
|
Устанавливает стиль отображения всех четырех границ элемента
|
BorderTop
|
Задает тип верхней границы элемента
|
borderTopColor
|
Указывает цвет верхней границы элемента
|
borderTopStyle
|
Устанавливает стиль отображения верхней границы элемента
|
borderTopWidth
|
Задает ширину верхней границы элемента
|
borderWidth
|
Устанавливает ширину всех четырех границ элемента
|
bottomMargin
|
Задает нижнее поле элемента
|
button
|
Указывает состояние кнопок мыши при возникновении соответствующих событий
|
cancelBubble
|
Регулирует передачу события вверх по объектной иерархии
|
cellPadding
|
Задает расстояние между содержимым ячейки и ее границей
|
cellspacing
|
Устанавливает расстояние между ячейками в таблице
|
charset
|
Содержит наименование используемой кодировки символов
|
checked
|
Указывает, что тот или иной независимый или зависимый переключатель отмечены пользователем
|
classid
|
Содержит идентификатор класса объекта, применяемого для установки связи с одним из селекторов используемой стилевой таблицы
|
className
|
Задает класс (а не идентификатор) стилевой таблицы, связанной с данным тегом
|
clear
|
Устанавливает более точное позиционирование текста после графического объекта
|
client
|
Возвращает объект navigator для браузера
|
clientHeight
|
Содержит высоту элемента без служебных элементов (поля, полосы прокрутки, границы и пр.)
|
clientwidth
|
Содержит ширину элемента, исключая служебные элементы
|
clientX
|
Возвращает горизонтальную координату элемента без служебных дополнений
|
clientY
|
Возвращает вертикальную координату элемента без служебных дополнений
|
clip
|
Определяет порядок отображения содержимого, большего по размерам, нежели отображаемая область элемента
|
closed
|
Указывает, закрыто ли текущее окно просмотра
|
CodeBase
|
Содержит URL кода внедряемого объекта
|
codeType
|
Указывает тип кода для внедряемого объекта
|
color
|
Задает цвет элемента
|
colorDepth
|
Указывает число бит на символ, которое регули- рует количество отображаемых цветов
|
cols
|
Число столбцов в таблице или наборе фреймов
|
colSpan
|
Число столбцов, объединенных данной ячейкой таблицы
|
compact
|
Задает компактную модель отображения списков
|
complete
|
Сигнализирует о полной загрузке содержимого страницы
|
content
|
Содержимое метапеременной пользователя или заголовка протокола HTTP в теге <meta>
|
cookie
|
Содержит строку cookie-информации, хранящейся в локальной системе удаленного пользователя
|
cookieEnabled
|
Определяет, разрешает ли браузер пользователя использование cookie-информации
|
coords
|
Содержит координаты углов активной области сегментированной графики
|
cssText
|
Содержит значение параметра style для искомого тега.
|
CtrlKey
|
Определяет состояние клавиши <Ctrl> при обработке событий
|
cursor
|
Определяет внешний вид курсора мыши
|
data
|
Содержит URL объекта, содержащего данные, отображаемые объектом
|
dataFld
|
Определяет поле источника данных, данные из которого отображаются в элементе
|
data Format As
|
Указывает формат данных, получаемых из источника
|
dataSrc
|
Указывает источник данных, отображаемых элементом
|
default Checked
|
Содержит логическое значение, указывающее, находится ли объект в исходном состоянии, определяемом по умолчанию
|
defaultStatus
|
Устанавливает строку, отображаемую в строке статуса браузера по умолчанию
|
def aultValue
|
Содержит текст, отображаемый в элементе по умолчанию
|
dialogArguments
|
Содержит список аргументов, передаваемых диалоговому окну
|
dialogHeight
|
Содержит значение, указывающее высоту диалогового окна
|
dialogLeft
|
Задает горизонтальную координату верхнего левого угла диалогового окна
|
dialogTop
|
Задает вертикальную координату верхнего левого угла диалогового окна
|
dialogWidth
|
Содержит значение, указывающее ширину диалогового окна
|
disabled
|
Содержит логическое значение, указывающее, является ли доступным данный элемент
|
display
|
Указывает, будет ли отображаться данный эле- мент
|
document
|
Свойство объекта window, ссылающееся на объ- ект document
|
domain
|
Содержит доменное имя сайта, с которого был загружен текущий элемент
|
duration
|
Задает временной интервал смены графического фильтра
|
dynsrc
%
|
Задает URL видеоклипа, отбражаемого в HTML- документе
|
encoding
|
Содержит тип кодировки, в которой отправляются данные из формы на сервер
|
hspace
|
Задает величину гризонтального отступа между текущим и соседними элементами
|
html For
|
Ссылается на элемент, с которым связан выполняемый скрипт
|
htmlText
|
Возвращает HTML-код содержимого объекта
TextRange
|
id
|
Содержит уникальный идентификатор элемента
|
indeterminate
|
Указывает, является ли недоступным для использования элемент ввода данных
|
innerHTML
|
Содержит HTML-код, находящийся между открывающим и закрывающим тегами данного элемента
|
innerText
|
Содержит текст, находящийся между открываю- щим и закрывающим тегами данного элемента
|
isTextEdit
|
Содержит логическое значение, указывающее, может ли данный элемент служить в качестве базы для создания на его основе объекта
TextRange
|
keyCode
|
Содержит код нажатой клавиши
|
lang
|
Наименование применяемого языка программи- рования скриптов по версии ISO
|
language
|
Содержит наименование применяемого языка программирования скриптов
|
lastModified
|
Содержит текстовую строку, в которой указывается дата последнего изменения содержимого страницы
|
left
|
Задает горизонтальную координату верхнего левого угла элемента
|
leftMargin
|
Задает величину левого поля для данного элемента
|
length
|
Указывает количество элементов в коллекции
|
letterSpacing
|
Задает величину межбуквенного интервала
|
lineHeight
|
Устанавливает междустрочный отступ
|
linkColor
|
Содержит цвет обычных гиперссылок, размещенных на Web-странице
|
listStyle
|
Задает стиль отображения списка
|
event
|
Ссылка на объект event
|
face
|
Задает вид шрифта, используемого для отображения текста
|
fgcolor
|
Содержит обозначение цвета, используемого для отображения содержимого элемента
|
filter
|
Задает применяемый к данному элементу графический фильтр
|
font
|
Содержит перечень атрибутов применяемого шрифта
|
fontFamily
|
Устанавливает наименования используемых шрифтов
|
fontSize
|
Задает размер используемого шрифта
|
fontStyle
|
Указывает начертание применяемого шрифта
|
fontVariant
|
Задает способ отображения символов шрифта
|
fontWeight
|
Устанавливает ширину символов применяемого шрифта
|
form
|
Указывает на форму, в которой находится искомый элемент
|
frame
|
Ссылается на одноименный объект
|
f rameBorder
|
Устанавливает вид границ фрейма
|
f rameSpacing
|
Задает размер отступа между фреймами
|
f romElement
|
Содержит имя элемента, с которого ушел курсор мыши при инициировании сответствующих событий
|
hash
|
Часть URL, находящаяся после символа "#"
|
height
|
Содержит высоту элемента или разрешение экрана, удаленного пользователя в пикселах
|
hidden
|
Указывает, является ли данный элемент скрытым или нет
|
history
|
Ссылается на одноименный объект
|
host
|
Содержит доменное имя и номер порта сервера, с которого был загружен данный документ
|
hostname
|
Содержит доменное имя сайта, с которого получен HTML- документ
|
href
|
Содержит полный URL HTML-документа, загруженного в данное окно просмотра
|
noWrap
|
Указывает, разрешено ли браузеру переносить текст на другие строки, если тот в виде одной строки выходит за предопределенные размеры элемента
|
object
|
Содержит ссылку на объект, внедренный в состав содержимого Web-страницы
|
of f setHeight
|
Содержит высоту содержимого элемента, включая и ту его часть, которая может быть не видна в данный момент
|
OffsetLeft
|
Указывает горизонтальную координату верхнего левого угла содержимого элемента, даже в том случае, если в текущий момент этот угол не виден, и доступ к нему может быть осуществ- лен при помощи полос прокрутки
|
offsetParent
|
Указывает координаты элемента, являющегося родительским, по отношению к текущему
|
of fsetTop
|
Указывает вертикальную координату верхнего левого угла содержимого элемента, даже в том случае, если в текущий момент этот угол не виден, и доступ к нему может быть осуществлен при помощи полос прокрутки
|
offsetWidth
|
Содержит ширину содержимого элемента, включая и ту его часть, которая может быть не видна в данный момент
|
offsetX
|
Указывает горизонтальную координату курсора мыши относительно левого верхнего угла элемента, в котором он находился в момент возникновения обрабатываемого события
|
offsetY
|
Указывает горизонтальную координату курсора мыши относительно левого верхнего угла элемента, в котором он находился в момент возникновения обрабатываемого события
|
opener
|
Содержит ссылку на окно, из которого было открыто текущее окно просмотра
|
outerHTML
|
Содержит HTML-код всего элемента, включая от- крывающий и закрывающий теги
|
outerText
|
Предоставляет доступ к текстовому содержимому элемента, включая стартовый и закрывающий теги
|
overflow*
|
Определяет порядок отображения текста, выходящего за пределы элемента, в котором он содержится
|
padding
|
Задает размер расстояния между содержимым элемента и его рамкой
|
paddingBottom
|
Устанавливает размер расстояния между содержимым элемента и нижней его границей
|
paddingLeft
|
Устанавливает размер расстояния между содержимым элемента и левой его границей
|
paddingRight
|
Устанавливает размер расстояния между содержимым элемента и правой его границей
|
paddingTop
|
Устанавливает размер расстояния между содержимым элемента и его верхней границей
|
pageBreakAfter
|
Создает разрыв текстового раздела на странице после текущего элемента
|
pageBreakBefore
|
Создает разрыв текстового раздела на странице перед текущим элементом
|
palette
|
Ссылается на цветовую палитру, установленную для отбражения внедренного объекта
|
parent
|
Ссылка на родительский фрейм или окно просмотра
|
parentStyleSheet
|
i ~
Указывает на родительскую таблицу стилевого оформления
|
parentTextEdit
|
Ссылается на родительский объект, который может быть использован в качестве базы для создания объекта TextRange
|
parentWindow
|
Ссылается на родительское окно просмотра
|
pathname
|
Задает имя файла, расположенное в URL посе доменного имени сайта
|
pixelHeight
|
Содержит числовое значение, указывающее высоту элемента в пикселах
|
pixelLef t
|
Содержит числовое значение горизонтальной координаты элемента
|
pixelTop
|
Содержит числовое значение вертикальной координаты элемента
|
pixelWidth
|
Содержит числовое значение, указывающее ширину элемента в пикселах
|
plugins
|
Ссылка на коллекцию подключенных к браузеру внешних модулей, предназначенных для отображения встроенных объектов
|
port
|
Номер порта в URL документа, на котором функционирует Web-сервер, с которого и был получен данный документ
|
posHeight
|
Содержит значение высоты элемента в единицах измерения, которые использовались последний раз
|
position
|
Определяет тип позиционирования элемента
|
posLeft
|
Содержит значение горизонтальной координаты верхнего левого угла элемента в единицах измерения, которые использовались последний раз
|
posTop
|
Содержит значение вертикальной координаты верхнего левого угла элемента в единицах измерения, которые использовались последний раз
|
posWidth
|
Содержит значение ширины элемента в единицах измерения, которые использовались последний раз
|
protocol
|
Стартовая часть URL, в которой указан протокол, использовавшийся для получения данного документа
|
readonly
|
Указывает, что содержимое элемента предназна- чается только для чтения, и не может быть моди- фицировано
|
readyState
|
Указывает текущее состояние загружаемого объекта
|
reason
|
Содержит значение, сигнализирующее об успешности загрузки содержимого элемента
|
recordNumber
|
Содержит номер записи в таблице, связанной с источником данных
|
recordSet
|
Ссылается на набор записей в элементе, если тот связан с каким-либо источником данных
|
ref
|
Содержит значение, указывающее, является ли данный элемент URL-адресом
|
referrer
|
URL-адрес документа, по ссылке из которого был загружен текущий документ
|
rel
|
Определяет назначение документа, на который указывает элемент-гиперссылка
|
returnValue
|
Задает возвращаемое значение
|
rows
|
Число строк в таблице или наборе фреймов
|
rowSpan
|
Содержит число строк таблицы, объединяемых ячейкой
|
screen
|
Ссылается на объект screen
|
screenX
|
Содержит горизонтальную координату курсора мыши в пикселах, относительно самого экрана
|
screenY
|
Содержит вертикальную координату курсора мыши в пикселах, относительно самого экрана
|
scroll
|
Управляет отображением полос прокрутки
|
scrollHeight
|
Высота видимого содержимого элемента в пикселах
|
scrolling
|
Управляет возможностью прокручивания содер- жимого фрейма в окне просмотра
|
scrollLeft
|
Содержит расстояние в пикселах от левого края содержимого элемента до левого края видимой области элемента
|
scrollTop
|
Содержит расстояние в пикселах от верхней границы содержимого элемента до верхнего края видимой области элемента
|
scrollWidth
|
Ширина видимого содержимого элемента в пикселах
|
search
|
Строка запроса в URL, расположенная после знака ?
|
selected
|
Указывает, что данный элемент выпадающего списка является выбранным по умолчанию
|
selectedlndex
|
Содержит в каестве значения число, являющееся порядковым номером выбранного элемента в списке
|
selection
|
Ссылается на одноименный объект selection
|
self
|
Ссылается на текущее окно просмотра
|
shape
|
Устанавливает форму активной области сегментированной графики
|
shif tKey
|
Указывает состояние клавиши <Shift> в момент обработки события
|
size
|
Задает размер элемента
|
sourcelndex
|
Содержит число, являющееся порядковым номером элемента в коллекции all
|
span
|
Определяет количесво столбцов таблицы, объединяемых элементом colgroup
|
src
|
Содержит URL внешнего файла, в котором находится содержимое элемента
|
srcElement
|
Указывает элемент, в котором было изначально инициировано обрабатываемое событие
|
srcFilter
|
Указывает, какой фильтр инициировал событие
onf ilterchange
|
start
|
Указывает номер первого элемента списка
|
status
|
Содержит текст, отображающийся в строке статуса браузера
|
style
|
Определяет стиль, применяемый к элементу
|
styleFloat
|
Задает порядок обтекания элементом иных объектов содержимого Web-страницы
|
tablndex
|
Содержит порядковый номер элемента в последовательности органов управления и ввода информации, перемещение между которыми осуществляется при помощи клавиши табуляции
|
tagName
|
Содержит наименование тега, при помощи которого реализуется искомый элемент
|
target
|
Указывает наименование окна или фрейма, в котором будет отображаться HTML-документ
|
text
|
Устанавливает цвет, которым будет отображаться текст
|
textAlign
|
Задает выравнивание текста
|
text Decoration
|
Устанавливает эффект отображения текста
|
text Decora tionLineThrough
|
Указывает механизм зачеркивания текста
|
textlndent
|
Задает отступ для первой строки абзаца
|
textTransform
|
Задает порядок отображения символов текста
|
title
|
Содержит краткое наименование или описание элемента, которое обычно отображается в виде подсказки-хинта
|
toElement %
|
Содержит наименование элемента, на который попадает курсор мыши при возникновении событий onmouseover и onmouseout
|
top
|
Задает вертикальную координату верхней границы элемента
|
topMargin
|
Устанавливает размер верхнего поля элемента
|
type
|
Устанавливает тип создаваемого элемента ввода данных
|
update Interval
|
Сообщает частоту обновлений экрана системы удаленного пользователя
|
url
|
Содержит URL документа
|
userAgent
|
Содержит HTTP-заголовок, который инициирует обмен данными между удаленным пользователем и сервером
|
vAlign
|
Определяет вертикальное выравнивание элемента
|
value
|
Содкержит текст или значение, отображаемое по умолчанию в органах управления и ввода информации
|
verticalAlign
|
Управляет вертикальным выравниванием элемен- та при промощи средств CSS
|
visibility
|
Определяет видимость элемента
|
vlinkColor
|
Задает цвет гиперссылок, посещенных данным удаленным пользователем
|
vspace
|
Устанавливает размер отступа по вертикали между соседними элементами
|
width
|
Задает ширину элемента
|
width
|
Указывает горизонтальное разрешение экрана системы удаленного пользователя
|
window
|
Содержит ссылку на окно просмотра, в котором отображается данный HTML-документ
|
wrap
|
Определяет порядок разрыва строк в случаях, когда те по своим размерам превосходят элемент, в котором они содержатся
|
X
|
Содержит горизонтальную координату курсора мыши в момент обработки какого-либо события
|
Y
|
Содержит вертикальную координату курсора мыши в момент обработки какого-либо события
|
z-index
|
Содержит координату вертикального псевдопозиционирования элемента
|
Таким образом, все таблицы, которые были приведены в данном разделе главы, составляют единый блок, полностью описывающий возможности обработки любых тегов HTML-доку ментов при помощи технологии DHTML.