JavaScript HTML DOM Document
Объект документа HTML DOM является владельцем всех других объектов на веб-странице.
Объект документа HTML DOM
Объект Document представляет веб-страницу.
Если вы хотите получить доступ к любому элементу на HTML-странице, вы всегда начинаете с доступа к объекту document.
Ниже приведены примеры того, как можно использовать объект Document для доступа к HTML и манипулирования им.
Поиск элементов HTML
Метод | Описание |
---|---|
document.getElementById(id) | Поиск элемента по идентификатору элемента |
document.getElementsByTagName(name) | Поиск элементов по имени тега |
document.getElementsByClassName(name) | Поиск элементов по имени класса |
Изменение элементов HTML
Метод | Описание |
---|---|
element.innerHTML = new html content | Изменение внутреннего HTML-кода элемента |
element.attribute = new value | Изменение значения атрибута элемента HTML |
element.setAttribute(attribute, value) | Изменение значения атрибута элемента HTML |
element.style.property = new style | Изменение стиля элемента HTML |
Добавление и удаление элементов
Метод | Описание |
---|---|
document.createElement(element) | Создание элемента HTML |
document.removeChild(element) | Удаление элемента HTML |
document.appendChild(element) | Добавление элемента HTML |
document.replaceChild(element) | Замена элемента HTML |
document.write(text) | Запись в выходной поток HTML |
Добавление обработчиков событий
Метод | Описание |
---|---|
document.getElementById(id).onclick = function(){code} | Добавление кода обработчика событий в событие OnClick |
Поиск объектов HTML
Первый уровень HTML DOM 1 (1998), определенные 11 объектов HTML, коллекции объектов и свойства. Они по-прежнему действительны в HTML5.
Позже, в HTML DOM Level 3, добавлено больше объектов, коллекций и свойств.
Свойство | Описание | Dom |
---|---|---|
document.anchors | Возвращает все элементы <a>, имеющие атрибут Name | 1 |
document.applets | Возвращает все элементы <апплета> (устаревшие в HTML5) | 1 |
document.baseURI | Возвращает абсолютный базовый универсальный код ресурса (URI) документа | 3 |
document.body | Возвращает элемент <BODY> | 1 |
document.cookie | Возвращает файл cookie документа | 1 |
document.doctype | Возвращает документ документа | 3 |
document.documentElement | Возвращает элемент <HTML> | 3 |
document.documentMode | Возвращает режим, используемый обозревателем | 3 |
document.documentURI | Возвращает универсальный код ресурса (URI) документа | 3 |
document.domain | Возвращает имя домена сервера документов | 1 |
document.domConfig | Устарели. Возвращает конфигурацию DOM | 3 |
document.embeds | Возвращает все элементы <embed> | 3 |
document.forms | Возвращает все элементы <form> | 1 |
document.head | Возвращает элемент <head> | 3 |
document.images | Возвращает все элементы <img> | 1 |
document.implementation | Возвращает реализацию модели DOM | 3 |
document.inputEncoding | Возвращает кодировку документа (набор символов) | 3 |
document.lastModified | Возвращает дату и время обновления документа | 3 |
document.links | Возвращает все элементы <Area> и <a>, имеющие атрибут href | 1 |
document.readyState | Возвращает состояние (Загрузка) документа | 3 |
document.referrer | Возвращает универсальный код ресурса (URI) ссылающегося (связывающего документа) | 1 |
document.scripts | Возвращает все элементы <script> | 3 |
document.strictErrorChecking | Возвращает при принудительной проверке ошибок | 3 |
document.title | Возвращает элемент <Title> | 1 |
document.URL | Возвращает полный URL-адрес документа | 1 |