HTML DOM Nodes
В HTML DOM (Document Object Model) , все это узел:
- Сам документ является узлом документа
- Все HTML-элементы являются узлами элементов
- Все атрибуты HTML являются узлами атрибутов
- Текст внутри HTML-элементов являются текстовыми узлами
- Комментарии являются узлами комментариев
Объект Элемент
В HTML DOM, объект представляет собой элемент HTML - элемент.
Объекты элементов могут иметь дочерние узлы узлов типа элементов, текстовые узлы, или комментарий узлов.
Объект NodeList представляет список узлов, как коллекции HTML - элемент дочерних узлов.
Элементы могут также иметь атрибуты. Атрибуты узлы атрибутов (See next chapter) .
Поддержка браузеров
| объект | |||||
|---|---|---|---|---|---|
| Element | да | да | да | да | да |
| NodeList | да | да | да | да | да |
Объект Element и объект NodeList поддерживается во всех основных браузерах.
Свойства и методы
Следующие свойства и методы могут быть использованы на всех HTML-элементов:
| Свойство / Метод | Описание |
|---|---|
| element .accessKey | Устанавливает или возвращает accesskey атрибут элемента |
| element . addEventListener() | Придает обработчик события для указанного элемента |
| element . appendChild() | Добавляет новый дочерний узел, к элементу, в качестве последнего дочернего узла |
| element .attributes | Возвращает NamedNodeMap из атрибутов элемента |
| element . blur() | Удаляет фокус из элемента |
| element .childElementCount | Возвращает число дочерних элементов элемент имеет |
| element .childNodes | Возвращает коллекцию дочерних узлов Элемента (включая текст и комментарий узлы) |
| element .children | Возвращает коллекцию элементов дочернего Элемента (за исключение текста и узлов комментариев) |
| element .classList | Возвращает класс name(s) элемента |
| element .className | Задает или возвращает значение class атрибута элемента |
| element . click() | Имитирует щелчок мыши на элементе |
| element .clientHeight | Возвращает высоту элемента, включая заполнение |
| element .clientLeft | Возвращает ширину левой границы элемента |
| element .clientTop | Возвращает ширину верхней границы элемента |
| element .clientWidth | Возвращает ширину элемента, включая прокладочный |
| element . cloneNode() | Клоны Элемент |
| element . compareDocumentPosition() | Сравнивает позицию документа из двух элементов |
| element . contains() | Возвращает истину, если узел является потомком узла, в противном случае ложного |
| element .contentEditable | Устанавливает или возвращают ли редактируемое содержание элемента или нет |
| element .dir | Устанавливает или возвращает значение dir атрибута элемента |
| element .firstChild | Возвращает первый дочерний узел элемента |
| element .firstElementChild | Возвращает первый дочерний элемент элемента |
| element . focus() | Передает фокус на элемент |
| element . getAttribute() | Возвращает specified значение атрибута узла элемента |
| element . getAttributeNode() | Возвращает specified узел атрибута |
| element . getElementsByClassName() | Возвращает коллекцию всех дочерних элементов с указанным именем класса |
| element . getElementsByTagName() | Возвращает коллекцию всех дочерних элементов с указанным именем тега |
| element . getFeature() | Возвращает объект, который реализует API, из указанной функции |
| element . hasAttribute() | Возвращает истину , если элемент имеет specified атрибут, в противном случае ложь |
| element . hasAttributes() | Возвращает истину, если элемент имеет какие-либо атрибуты, иначе ложь |
| element . hasChildNodes() | Возвращает истину, если элемент имеет дочерние узлы, в противном случае ложь |
| element .id | Задает или возвращает значение id атрибута элемента |
| element .innerHTML | Задает или возвращает содержимое элемента |
| element . insertBefore() | Вставляет новый дочерний узел перед указанным, существующим, дочерним узлом |
| element .isContentEditable | Возвращает истину, если содержание элемента можно редактировать, в противном случае ложь |
| element . isDefaultNamespace() | Возвращает истину, если указанный NamespaceURI по умолчанию, в противном случае ложь |
| element . isEqualNode() | Проверки, если два элемента равны |
| element . isSameNode() | Проверки, если два элемента является тем же узлом |
| element . isSupported() | Возвращает истину, если заданная функция поддерживается на элементе |
| element .lang | Задает или возвращает значение lang атрибута элемента |
| element .lastChild | Возвращает последний дочерний узел элемента |
| element .lastElementChild | Возвращает последний дочерний элемент элемента |
| element .namespaceURI | Возвращает URI пространства имен элемента |
| element .nextSibling | Возвращает следующий узел на том же уровне дерева узлов |
| element .nextElementSibling | Возвращает следующий элемент на том же уровне дерева узлов |
| element .nodeName | Возвращает имя узла |
| element .nodeType | Возвращает тип узла узла |
| element .nodeValue | Задает или возвращает значение узла |
| element . normalize() | Присоединяется смежных текстовых узлов и удаляет пустые текстовые узлы в элементе |
| element .offsetHeight | Возвращает высоту элемента, в том числе отступа, границы и скроллинга |
| element .offsetWidth | Возвращает ширину элемента, включая отступы, границы и скроллинга |
| element .offsetLeft | Возвращает позицию горизонтального смещения элемента |
| element .offsetParent | Возвращает Offset контейнер элемента |
| element .offsetTop | Возвращает вертикальное смещение позиции элемента |
| element .ownerDocument | Возвращает корневой элемент (document object) для элемента |
| element .parentNode | Возвращает родительский узел элемента |
| element .parentElement | Возвращает родительский элемент узла элемента |
| element .previousSibling | Возвращает предыдущий узел на том же уровне дерева узлов |
| element .previousElementSibling | Возвращает предыдущий элемент на том же уровне дерева узлов |
| element . querySelector() | Возвращает первый дочерний элемент, соответствующий заданному CSS selector(s) элемента |
| элемент. querySelectorAll() | Возвращает все дочерние элементы, соответствующие заданный CSS selector(s) элемент |
| element . removeAttribute() | Удаляет указанный атрибут из элемента |
| element . removeAttributeNode() | Удаляет указанный узел атрибута, и возвращает удаленный узел |
| element . removeChild() | Удаляет дочерний узел из элемента |
| element . replaceChild() | Заменяет дочерний узел в элементе |
| element . removeEventListener() | Удаляет обработчик события , который был прикреплен с addEventListener() метод |
| element .scrollHeight | Возвращает всю высоту элемента, включая заполнение |
| element .scrollLeft | Устанавливает или возвращает количество пикселей содержимого элемента прокручивается по горизонтали |
| element .scrollTop | Устанавливает или возвращает количество пикселей содержимого элемента прокручиваются по вертикали |
| element .scrollWidth | Возвращает всю ширину элемента, включая прокладочный |
| element . setAttribute() | Устанавливает или изменяет specified атрибут, к указанному значению |
| element . setAttributeNode() | Установка или изменение specified узла атрибута |
| element .style | Устанавливает или возвращает значение style атрибута элемента |
| element .tabIndex | Устанавливает или возвращает значение tabindex атрибута элемента |
| element .tagName | Возвращает имя тега элемента |
| element .textContent | Устанавливает или возвращает текстовое содержимое узла и его потомков |
| element .title | Задает или возвращает значение title атрибута элемента |
| element . toString() | Преобразование элемента в строку |
| Нодлист. item() | Возвращает узел по указанному индексу в NodeList |
| Нодлист .length | Возвращает число узлов в NodeList |