Объект Element
В HTML DOM объект Element представляет собой элемент HTML, например P, DIV, A, TABLE или любой другой элемент HTML.
Свойства и методы
Следующие свойства и методы можно использовать для всех элементов HTML:
| Свойство/Метод | Описание |
|---|---|
| accessKey | Устанавливает или возвращает атрибут accesskey элемента |
| addEventListener() | Прикрепляет обработчик событий к элементу |
| appendChild() | Добавляет (присоединяет) новый дочерний узел к элементу |
| attributes | Возвращает NamedNodeMap атрибутов элемента |
| blur() | Удаляет фокус с элемента |
| childElementCount | Возвращает количество дочерних элементов элемента. |
| childNodes | Возвращает NodeList дочерних узлов элемента. |
| children | Возвращает HTMLCollection дочерних элементов элемента |
| classList | Возвращает имя(я) класса элемента |
| className | Устанавливает или возвращает значение атрибута класса элемента |
| click() | Имитирует щелчок мыши по элементу |
| clientHeight | Возвращает высоту элемента, включая отступы. |
| clientLeft | Возвращает ширину левой границы элемента. |
| clientTop | Возвращает ширину верхней границы элемента. |
| clientWidth | Возвращает ширину элемента, включая отступы. |
| cloneNode() | Клонирует элемент |
| closest() | Выполняет поиск в дереве DOM ближайшего элемента, соответствующего селектору CSS. |
| compareDocumentPosition() | Compares the document position of two elements |
| contains() | Возвращает true, если узел является потомком узла |
| contentEditable | Устанавливает или возвращает, является ли содержимое элемента редактируемым или нет |
| dir | Устанавливает или возвращает значение атрибута dir элемента |
| firstChild | Возвращает первый дочерний узел элемента |
| firstElementChild | Возвращает первый дочерний элемент элемента |
| focus() | Даёт фокус элементу |
| getAttribute() | Возвращает значение атрибута элемента |
| getAttributeNode() | Возвращает узел атрибута |
| getBoundingClientRect() | Возвращает размер элемента и его положение относительно области просмотра. |
| getElementsByClassName() | Возвращает коллекцию дочерних элементов с заданным именем класса. |
| getElementsByTagName() | Возвращает коллекцию дочерних элементов с заданным именем тега. |
| hasAttribute() | Возвращает true, если элемент имеет заданный атрибут |
| hasAttributes() | Возвращает true, если элемент имеет какие-либо атрибуты. |
| hasChildNodes() | Возвращает true, если элемент имеет дочерние узлы. |
| id | Устанавливает или возвращает значение атрибута id элемента |
| innerHTML | Устанавливает или возвращает содержимое элемента |
| innerText | Устанавливает или возвращает текстовое содержимое узла и его потомков. |
| insertAdjacentElement() | Вставляет новый HTML-элемент в позицию относительно элемента |
| insertAdjacentHTML() | Вставляет текст в формате HTML в позицию относительно элемента. |
| insertAdjacentText() | Вставляет текст в позицию относительно элемента. |
| insertBefore() | Вставляет новый дочерний узел перед существующим дочерним узлом. |
| isContentEditable | Возвращает true, если содержимое элемента можно редактировать. |
| isDefaultNamespace() | Возвращает true, если указанный namespaceURI является значением по умолчанию |
| isEqualNode() | Проверяет, равны ли два элемента |
| isSameNode() | Проверяет, являются ли два элемента одним и тем же узлом |
| isSupported() | Устаревшее |
| lang | Устанавливает или возвращает значение атрибута lang элемента |
| lastChild | Возвращает последний дочерний узел элемента |
| lastElementChild | Возвращает последний дочерний элемент элемента |
| matches() | Возвращает true, если элемент соответствует заданному селектору CSS. |
| namespaceURI | Возвращает URI пространства имен элемента. |
| nextSibling | Возвращает следующий узел на том же уровне дерева узлов. |
| nextElementSibling | Возвращает следующий элемент на том же уровне дерева узлов. |
| nodeName | Возвращает имя узла |
| nodeType | Возвращает тип узла |
| nodeValue | Устанавливает или возвращает значение узла |
| normalize() | Объединяет смежные текстовые узлы и удаляет пустые текстовые узлы в элементе. |
| offsetHeight | Возвращает высоту элемента, включая отступ, границу и полосу прокрутки. |
| offsetWidth | Возвращает ширину элемента, включая отступ, границу и полосу прокрутки. |
| offsetLeft | Возвращает горизонтальное смещение элемента. |
| offsetParent | Возвращает смещение контейнера элемента. |
| offsetTop | Возвращает вертикальное смещение элемента. |
| outerHTML | Устанавливает или возвращает содержимое элемента (включая начальный и конечный теги) |
| outerText | Устанавливает или возвращает внешнее текстовое содержимое узла и его потомков. |
| ownerDocument | Возвращает корневой элемент (объект документа) для элемента |
| parentNode | Возвращает родительский узел элемента |
| parentElement | Возвращает родительский узел элемента |
| previousSibling | Возвращает предыдущий узел на том же уровне дерева узлов. |
| previousElementSibling | Возвращает предыдущий элемент на том же уровне дерева узлов. |
| querySelector() | Возвращает первый дочерний элемент, соответствующий селектору(ам) CSS. |
| querySelectorAll() | Возвращает все дочерние элементы, соответствующие селектору(ам) CSS. |
| remove() | Удаляет элемент из DOM |
| removeAttribute() | Удаляет атрибут из элемента |
| removeAttributeNode() | Удаляет узел атрибута и возвращает удаленный узел. |
| removeChild() | Удаляет дочерний узел из элемента |
| removeEventListener() | Удаляет обработчик событий, который был присоединен с помощью метода addEventListener(). |
| replaceChild() | Заменяет дочерний узел в элементе |
| scrollHeight | Возвращает полную высоту элемента, включая отступы. |
| scrollIntoView() | Прокручивает элемент в видимую область окна браузера. |
| scrollLeft | Устанавливает или возвращает количество пикселей, на которое содержимое элемента прокручивается по горизонтали. |
| scrollTop | Устанавливает или возвращает количество пикселей, на которое содержимое элемента прокручивается по вертикали. |
| scrollWidth | Возвращает всю ширину элемента, включая отступы. |
| setAttribute() | Устанавливает или изменяет значение атрибута |
| setAttributeNode() | Устанавливает или изменяет узел атрибута |
| style | Устанавливает или возвращает значение атрибута стиля элемента |
| tabIndex | Устанавливает или возвращает значение атрибута tabindex элемента |
| tagName | Возвращает имя тега элемента |
| textContent | Устанавливает или возвращает текстовое содержимое узла и его потомков. |
| title | Устанавливает или возвращает значение атрибута title элемента. |
| toString() | Преобразует элемент в строку |