Это модель, которая была введена в ранних версиях языка JavaScript. Он хорошо поддерживается всеми браузерами, позволяет получить доступ только к определенным ключевым частям документов, таких как формы, элементов форм и образов.
Эта модель обеспечивает несколько свойств только для чтения, такие как название, URL, и LastModified, которые могут предоставить информацию о документе в целом. Кроме того, существуют различные методы, предоставляемые этой моделью, которые могут быть использованы для установки и получения значений свойств документа.
Вот список свойств документа, которые могут быть доступны с помощью прежних версий DOM.
Sr.No | Свойства & Описание |
---|---|
1 | alinkColor – Устаревший – Строка, которая определяет цвет активированных ссылок. Ex – document.alinkColor |
2 | anchors[] – Массив объектов Anchor, один для каждого якоря, который появляется в документе Ex – document.anchors [0], document.anchors [1] и так далее |
3 | applets[] – Массив объектов Applet, один для каждого апплета, который появляется в документе Ex – document.applets [0], document.applets [1] и так далее |
4 | BGColor – Устаревший – Строка, которая определяет цвет фона документа. Ex – document.bgColor |
5 | cookie – Строка многозначного свойства с особым поведением, которое позволяет куки, связанный с этим документом, который будет запрашивать и установить. Ex – document.cookie |
6 | domain – Строка, которая определяет домен включенный в интернет-документ. Используется для целей безопасности. Ex – document.domain |
7 | embeds[] – Массив объектов, представляющих данные, внедренные в документ с тегом <embed>. Синоним plugins[]. Некоторые плагины и элементы управления ActiveX можно управлять с помощью кода JavaScript. Ex – document.embeds [0], document.embeds [1] и так далее |
8 | fgColor – Устаревший – Строка, которая определяет цвет текста по умолчанию для документа Ex – document.fgColor |
9 | forms[] – Массив объектов формы, один для каждого HTML-формы, которая появляется в документе. Ex – document.forms [0], document.forms [1] и так далее |
10 | images[ ] – Массив объектов Image, один для каждого изображения, внедренные в документе с тегом HTML <img>. Ex – document.images [0], document.images [1] и так далее |
11 | LastModified – Строка только для чтения, которая определяет дату последнего изменения в документе Ex – document.lastModified |
12 | linkColor – Устаревший – Строка, которая определяет цвет непосещенной ссылки Ex – document.linkColor |
13 | links[] – Это массив ссылок документа. Ex – document.links [0], document.links [1] и так далее |
14 | location – URL документа. Запрещены в пользу собственности URL. Ex – document.location |
15 | plugins[] – Синоним встроенных элементов [] Ex – document.plugins [0], document.plugins [1] и так далее |
16 | Referrer – Строка только для чтения, которая содержит URL документа, если таковые имеются, из которого был связан текущий документ. Ex – document.referrer |
17 | Title – Текст содержимое тега <title>. Ex – document.title |
18 | URL – Строка только для чтения, которая определяет URL документа. Ex – document.URL |
19 | vlinkColor – Устаревший – Строка, которая определяет цвет посещенных ссылок. Ex – document.vlinkColor |
Вот список методов, поддерживаемое Legacy DOM.
№ | Свойства & Описание |
---|---|
1 | clear( ) – Устаревшее – Стирает содержимое документа и ничего не возвращает. Ex – document.clear() |
2 | close( ) – Закрывает поток документа, который был открыт с помощью метода open() и ничего не возвращает. Ex – document.close() |
3 | open( ) – Удаление существующего содержимого документа и открывает поток, к которому может быть записан новое содержание документа, ничего не возвращает. Ex – document.open() |
4 | write( value, …) – Вставляет указанную строку или строки в документ, который в данный момент анализируется, или добавляет к документу, открытому с помощью open( ). Ничего не возвращает. Ex – document.write (value, …) |
5 | writeln( value, …) – Идентично write(), за исключением того, что он добавляет символ новой строки к выводу. Ничего не возвращает. Ex – document.writeln (value, …) |
Мы можем найти любой элемент HTML в пределах любого HTML документа с помощью HTML DOM. Например, если веб – документ содержит элемент form, то с помощью JavaScript можно ссылаться на него как document.forms[0]. Если ваш веб – документ включает в себя два элемента form, то первая форма называется document.forms[0] , а вторая document.forms[1].
Используя иерархию и свойства, приведенные выше, можно получить доступ к первому элементу формы с помощью document.forms[0] .elements[0] и так далее.
Ниже приведен пример для доступа к свойствам документа с использованием устаревших методов DOM.
<html> <head> <title> Заголовок Document </title> <script type="text/javascript"> <!-- function myFunc() { var ret = document.title; alert("Заголовок Document : " + ret ); var ret = document.URL; alert("Document URL : " + ret ); var ret = document.forms[0]; alert("Первая форма в Document : " + ret ); var ret = document.forms[0].elements[1]; alert("Второй элемент : " + ret ); } //--> </script> </head> <body> <h1 id="title">Это главное название</h1> <p>Нажмите ниже, чтобы увидеть результат:</p> <form name="FirstForm"> <input type="button" value="Нажми меня" onclick="myFunc();" /> <input type="button" value="Отмена"> </form> <form name="SecondForm"> <input type="button" value="Не нажимай меня"/> </form> </body> </html>