Лучшее руководство по HTML DOM элемент из объектов в 2024 году. В этом руководстве вы можете изучить HTML DOM узел,объект Element,Поддержка браузеров,Свойства и методы,
HTML DOM (Document Object Model) в каждом узле вещи:
В 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 | Возвращает количество узлов в списке узлов. |