HTML DOM элемент из объектов
HTML DOM узел
HTML DOM (Document Object Model) в каждом узле вещи:
- Сам документ является объектом документа
- Все HTML-элементы являются узел элемента
- Все атрибуты HTML являются узлами атрибутов
- HTML элементы вставляются в текст текстового узла
- Комментарии являются узлы комментариев
объект Element
В HTML DOM, объект представляет собой элемент HTML - элемент.
Дети объектов элемент может быть, может быть узлом элемента, текстовые узлы, узлы комментариев.
NodeList объект представляет список узлов, похожий на HTML - элемент коллекции дочерних узлов.
Элементы могут иметь атрибуты. Имущество, принадлежащее атрибута узла (смотрите следующий раздел).
Поддержка браузеров
Все основные браузеры поддерживают объект элемента и объект NodeList. ,
Свойства и методы
Вышеуказанные свойства и методы, которые применяются ко всем HTML-элементов:
| Свойство / Метод | описание |
|---|---|
| элемент .accessKey | Устанавливает или возвращает элемент Accesskey |
| элемент .addEventListener () | Добавление обработчика событий для заданного элемента |
| элемент .appendChild () | Добавление нового элемента к дочернему элементу |
| элемент .attributes | Он возвращает массив атрибутов элемента |
| элемент .childNodes | Возвращает массив элементов дочернего узла |
| элемент .classlist | Возвращает имя класса элемента, как объект DOMTokenList. |
| элемент .className | Устанавливает или возвращает атрибут класса элемента |
| элемент .clientHeight | Возвращает содержимое на странице видимой высоте (не включая границы, поля, или скроллинга) |
| элемент .clientWidth | Возвращает содержимое страницы, видимой в ширину (не включая границы, поля, или скроллинга) |
| элемент .cloneNode () | Клонирование элемент |
| элемент .compareDocumentPosition () | Документ Расположение для сравнения двух элементов. |
| элемент .contentEditable | Устанавливает или возвращает ли содержимое элемента редактируемым |
| элемент .dir | Устанавливает или возвращает элемент в направлении текста |
| элемент .firstChild | Возвращает первого ребенка элемента |
| элемент .focus () | Установите документ или элемент усиления фокуса |
| элемент .getAttribute () | Возвращает значения атрибутов указанного элемента в |
| элемент .getAttributeNode () | Возвращает указанный узел атрибута |
| элемент .getElementsByTagName () | Возвращает имя тега коллекции всех дочерних элементов. |
| элемент. getElementsByClassName () | Возвращает все элементы в документе указать имя класса коллекции, как объект NodeList. |
| элемент .getFeature () | Возвращает заданные характеристики объекта для выполнения API. |
| элемент .getUserData () | Возвращает объект, связанный с ключевым элементом. |
| элемент .hasAttribute () | Если указанное свойство существует возвращает элемент истинно, в противном случае она возвращает ложь. |
| элемент .hasAttributes () | Если есть какое-то свойство элемента возвращает истину, в противном случае она возвращает ложь. |
| элемент .hasChildNodes () | Возвращает имеет ли элемент любой детский элемент |
| элемент .hasfocus () | Возвращает логическое значение, обнаруживая ли фокус документ или элемент усиления |
| элемент .id | Устанавливает или возвращает идентификатор элемента. |
| элемент .innerHTML | Устанавливает или возвращает содержимое элемента. |
| элемент .insertBefore () | Включить новый дочерний элемент перед существующим дочернего элемента |
| элемент .isContentEditable | Если содержание элемента редактируемые возвращает истину, иначе ложь |
| элемент .isDefaultNamespace () | Если NamespaceURI возвращает истину, в противном случае она возвращает ложь. |
| элемент .isEqualNode () | Проверьте эти два элемента равны |
| элемент .isSameNode () | Проверьте эти два элемента имеют одинаковый узел. |
| элемент .isSupported () | Если указано поддерживаемые функции в элементе возвращает истину. |
| элемент .lang | Устанавливает или возвращает язык элемента. |
| элемент .lastChild | Последний дочерний элемент возвращается |
| элемент .namespaceURI | Возвращает URI пространства имен. |
| элемент .nextSibling | Вслед за возвращением этого элемента |
| элемент .nodeName | Возвращает имя тега элемента (в верхнем регистре) |
| элемент .nodeType | Возвращает тип узла элемента |
| элемент .nodeValue | Возвращает значение узла элемента |
| элемент .normalize () | Так что это стало «нормальной» форме, где только структура (например, элементы, комментарии, инструкции по обработке, разделы CDATA и ссылки на сущности) разнесены Текстовые узлы, т.е. элементы (в том числе имущества) все текстовые узлы ниже, не являются ни смежными текстовые узлы, ни пустые текстовые узлы |
| элемент .offsetHeight | Возвращает элемент любой высоты, в том числе границы и заполнение, но не маржи |
| элемент .offsetWidth | Возвращает ширину элемента, включая границы и отступы, но не маржи |
| элемент .offsetLeft | Возвращает текущий элемент относительного горизонтального смещения смещения позиции контейнера |
| элемент .offsetParent | Возвращает смещение элемент контейнера |
| элемент .offsetTop | Возвращает текущий элемент относительного вертикального смещения контейнера смещения |
| элемент .ownerDocument | Возвращает элемент корневого элемента (объекта документа) |
| элемент .parentNode | Возвращает родительский узел элемента |
| элемент .previousSibling | Возвращает элемент, непосредственно предшествующий элемент |
| элемент .querySelector () | Ответный матч указанный элемент селектора CSS является первым дочерним элементом |
| document.querySelectorAll () | Возвращает указанный селектор CSS соответствует список узлов элементов всех подэлементов |
| элемент .removeAttribute () | Удаляет указанный атрибут из элемента |
| элемент .removeAttributeNode () | Удаляет указанный узел атрибута и возвращает удаление узла после. |
| элемент .removeChild () | Для удаления подэлемент |
| элемент .removeEventListener () | Снимите ручку с помощью метода addEventListener (), чтобы добавить событие |
| элемент .replaceChild () | Заменить дочерний элемент |
| элемент .scrollHeight | Возвращает высоту всего элемента (в том числе и со скрытым вместо полосы прокрутки) |
| элемент .scrollLeft | Возвращается из текущего представления фактических элементов левого края и левого края |
| элемент .scrollTop | Назад от верхнего края и вид сверху реальных элементов края между текущим |
| элемент .scrollWidth | Возвращает все ширина элемента (в том числе и со скрытым вместо полосы прокрутки) |
| элемент .setAttribute () | Установить или изменить заданные свойства и заданное значение. |
| элемент .setAttributeNode () | Установить или изменить указанный узел атрибута. |
| элемент .setIdAttribute () | |
| элемент .setIdAttributeNode () | |
| элемент .setUserData () | В элемент, связанный с указанным ключом объекта. |
| элемент .style | Устанавливает или возвращает атрибут стиля элемента |
| элемент .tabIndex | Устанавливает или возвращает порядок обхода элементов. |
| элемент .tagName | В качестве имени строки тега элемента (в верхнем регистре) |
| элемент .textContent | Устанавливает или возвращает узел и его текстовое содержимое |
| элемент .title | Устанавливает или возвращает атрибут заголовка элемента |
| элемент .ToString () | Элемент в виде одной строки |
| Нодлист .item () | Возвращает индекс элемента в дереве документа на основе |
| Нодлист .length | Возвращает количество узлов в списке узлов. |