JavaScript — Наследие DOM

Это модель, которая была введена в ранних версиях языка JavaScript. Он хорошо поддерживается всеми браузерами, позволяет получить доступ только к определенным ключевым частям документов, таких как формы, элементов форм и образов.

Эта модель обеспечивает несколько свойств только для чтения, такие как название, URL, и LastModified, которые могут предоставить информацию о документе в целом. Кроме того, существуют различные методы, предоставляемые этой моделью, которые могут быть использованы для установки и получения значений свойств документа.

Свойства документа в Legacy DOM

Вот список свойств документа, которые могут быть доступны с помощью прежних версий 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

Методы Document в Legacy DOM

Вот список методов, поддерживаемое 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>

 

Вывод

[gn_box title=»Примечание:» box_color=»#91b5ff»]Этот пример возвращает объекты для форм и элементов, и мы должны получить доступ к их значению, используя те свойства объекта, которые не обсуждаются в данном руководстве.[/gn_box]