HTML DOM Nodes
В HTML DOM (Document Object Model) , все это узел:
- Сам документ является узлом документа
- Все HTML-элементы являются узлами элементов
- Все атрибуты HTML являются узлами атрибутов
- Текст внутри HTML-элементов являются текстовыми узлами
- Комментарии являются узлами комментариев
Объект документа
Когда HTML документ загружаются в вебе - браузер, он становится объектом документа.
Объект документа является корневым узлом HTML документа и "owner" всех остальных узлов:
(Узлы элементов, текстовые узлы, узлы атрибутов и узлы комментариев).
Объект документа содержит свойства и методы, чтобы получить доступ ко всем объектам узла, внутри JavaScript.
Tip: Этот документ является частью объекта Window и может быть доступен как window.document.
Поддержка браузеров
| объект | |||||
|---|---|---|---|---|---|
| Document | да | да | да | да | да |
Объект Document поддерживается во всех основных браузерах.
Свойства объекта Document и методы
Следующие свойства и методы могут быть использованы в HTML-документах:
| Свойство / Метод | Описание |
|---|---|
| document.activeElement | Возвращает сфокусированный в настоящее время элемента в документе |
| документ. addEventListener() | Придает обработчик события к документу |
| документ. adoptNode() | Принимает узел из другого документа |
| document.anchors | Возвращает коллекцию всех <a> элементов в документе , которые имеют атрибут имени |
| document.applets | Возвращает коллекцию всех <applet> элементов в документе |
| document.baseURI | Возвращает абсолютный базовый URI документа |
| document.body | Устанавливает или возвращает тело документа (the <body> element) |
| документ. close() | Закрывает выходной поток предварительно открыт с документом. open() |
| document.cookie | Возвращает все пары имя / значение cookies в документе |
| документ. createAttribute() | Создает узел атрибута |
| документ. createComment() | Создает комментарий узел с указанным текстом |
| документ. createDocumentFragment() | Создает пустой узел DocumentFragment |
| документ. createElement() | Создает узел Element |
| документ. createTextNode() | Создает текстовый узел |
| document.doctype | Возвращает тип документа декларации, связанную с документом |
| document.documentElement | Возвращает элемент документа документа (the <html> element) |
| document.documentMode | Возвращает режим, используемый браузер для отображения документа |
| document.documentURI | Устанавливает или возвращает местоположение документа |
| document.domain | Возвращает доменное имя сервера, загруженного документа |
| document.domConfig | Вышло из употребления. Возвращает конфигурацию DOM документа |
| document.embeds | Возвращает коллекцию всех <embed> элементов документа |
| document.forms | Возвращает коллекцию всех <form> элементов в документе |
| документ. getElementById() | Возвращает элемент , который имеет ID атрибута с заданным значением |
| документ. getElementsByClassName() | Возвращает NodeList, содержащее все элементы с указанным именем класса |
| документ. getElementsByName() | Возвращает NodeList, содержащее все элементы с указанным именем |
| документ. getElementsByTagName() | Возвращает NodeList, содержащее все элементы с указанным именем тега |
| документ. hasFocus() | Возвращает логическое значение, указывающее, имеет ли документ фокус |
| document.head | Возвращает <head> элемент документа |
| document.images | Возвращает коллекцию всех <img> элементов в документе |
| document.implementation | Возвращает объект DOMImplementation, который обрабатывает этот документ |
| документ. importNode() | Импортирует узел из другого документа |
| document.inputEncoding | Возвращает кодировку, набор символов, используемый для документа |
| document.lastModified | Возвращает дату и время документа Последнее изменение |
| document.links | Возвращает коллекцию всех <a> и <area> элементы в документе , которые имеют атрибут HREF |
| документ. normalize() | Удаляет пустые узлы Text, и соединяет соседние узлы |
| документ. normalizeDocument() | Удаляет пустые узлы Text, и соединяет соседние узлы |
| документ. open() | Открывает поток вывода HTML для сбора выхода из документа. write() |
| документ. querySelector() | Возвращает первый элемент, соответствующий заданному CSS selector(s) в документе |
| документ. querySelectorAll() | Возвращает статический NodeList , содержащий все элементы, соответствующий заданному CSS selector(s) в документе |
| document.readyState | Возвращает (loading) статус документа |
| document.referrer | Возвращает URL документа, который загружен в текущем документе |
| документ. removeEventListener() | Удаляет обработчик событий из документа (который был прикреплен с addEventListener() метод) |
| документ. renameNode() | Переименовывает указанный узел |
| document.scripts | Возвращает коллекцию <script> элементов в документе |
| document.strictErrorChecking | Устанавливает или возвращает ли проверка ошибок принудительно или нет |
| Заголовок документа | Устанавливает или возвращает заголовок документа |
| document.URL | Возвращает полный URL в HTML-документе |
| документ. write() | Записывает HTML выражения или код JavaScript в документ |
| документ. writeln() | То же, что write() , но добавляет символ новой строки после каждого оператора |
Внимание !!!
В W3C DOM Ядра, объект Document наследует все свойства и методы из объекта Node.
Многие из этих свойств и методов не имеет смысла использовать на документах.
Избегайте использования этих свойств объектов узла и методы объектов документа HTML:
| Свойство / Метод | Причина для избежания |
|---|---|
| document.attributes | Документы не имеют атрибутов |
| документ. hasAttributes() | Документы не имеют атрибутов |
| document.nextSibling | Документы не имеют братьев и сестер |
| document.nodeName | Это всегда #document |
| document.nodeType | Это всегда 9 (DOCUMENT_NODE) |
| document.nodeValue | Документы не имеют значения узла |
| document.ownerDocument | Документы не имеют владельца документа |
| document.ownerElement | Документы не имеют владельца элемента |
| document.parentNode | Документы не имеют родительского узла |
| document.previousSibling | Документы не имеют братьев и сестер |
| document.textContent | Документы не имеют текстовое содержимое |