Объектная модель документа в Javascript - httpdoc.ru

Объектная модель документа в Javascript

DOM - это стандарт W3C (Консорциума всемирной паутины). Это стандарт для доступа к документам. Объектная модель документа в Javascript касается всех элементов HTML-документа.

Когда HTML-документ загружается в браузере, создается объект документа, который можно использовать для добавления динамического содержимого на веб-страницу и для доступа к различным элементам страницы. Объектная модель определяет все элементы HTML как объекты, а также определяет различные свойства, методы и события для всех элементов HTML.

Свойства объекта документа

Методы объекта документа

Имущество Описание
написать ("какой-то текст") Он отображает указанный текст на документе.
Writeln ("какой-то текст") Он отображает текст с символом новой строки в конце.
getElementByID () Он возвращает элемент с заданным идентификатором.
getElementByName () Он возвращает элементы с указанным именем.
getElementsByTagName () Он возвращает элементы с указанным именем тега.
getElementByClassName () Он возвращает все элементы, имеющие указанное имя класса.

Доступ к значению поля по объекту документа

В этом примере мы собираемся ввести текст пользователем и использовать document.form1.name.value для получения значения поля имени.

В этом примере document это корневой элемент, представляющий html-документ. form1 это имя формы.
name - это имя атрибута текста ввода формы и value свойство, возвращающее значение вводимого текста.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Document Object Model (DOM) </title> 
</head>
<body>
<script>
 function printvalue(){  
 var name=document.form1.name.value;  
 alert("Welcome: "+name);  
 }  
</script>  
  
<form name="form1">  
 Enter Name : <input type="text" name="name"/>  
 <input type="button" onclick="printvalue()" value="Print name"/>  
</form> 
</body>
</html>

Выход

JavaScript Document Object Model (DOM)
Введите имя :