JavaScript HTML DOM объект элемента
Объект элемента
В модели HTML DOM объект element представляет собой элемент HTML, например P, DIV, A, TABLE или любой другой элемент HTML.
Свойства и методы
Следующие свойства и методы могут использоваться для всех элементов HTML:
| Свойство/Метод | Описание |
|---|---|
| accessKey | Устанавливает или возвращает атрибут accesskey элемента |
| addEventListener() | Присоединяет обработчик событий к указанному элементу |
| appendChild() | Добавляет новый дочерний узел к элементу в качестве последнего дочернего узла |
| attributes | Возвращает NamedNodeMap атрибутов элемента |
| blur() | Удаляет фокус с элемента |
| childElementCount | Возвращает количество дочерних элементов, которые имеет элемент |
| childNodes | Возвращает коллекцию дочерних узлов элемента (включая узлы текста и комментариев) |
| children | Возвращает коллекцию дочернего элемента элемента (за исключением узлов текста и комментариев) |
| classList | Возвращает имя(а) класса элемента |
| className | Устанавливает или возвращает значение атрибута class элемента |
| click() | Имитирует щелчок мышью по элементу |
| clientHeight | Возвращает высоту элемента, включая отступы |
| clientLeft | Возвращает ширину левой границы элемента |
| clientTop | Возвращает ширину верхней границы элемента |
| clientWidth | Возвращает ширину элемента, включая отступы |
| cloneNode() | Клонирует элемент |
| compareDocumentPosition() | Сравнивает положение двух элементов в документе |
| contains() | Возвращает true, если узел является потомком узла, в противном случае - false |
| contentEditable | Устанавливает или возвращает, доступно ли редактирование содержимого элемента |
| dir | Устанавливает или возвращает значение атрибута dir элемента |
| exitFullscreen() | Отменяет элемент в полноэкранном режиме |
| firstChild | Возвращает первый дочерний узел элемента |
| firstElementChild | Возвращает первый дочерний элемент элемента |
| focus() | Дает фокус элементу |
| getAttribute() | Возвращает указанное значение атрибута узла элемента |
| getAttributeNode() | Возвращает указанный узел атрибута |
| getBoundingClientRect() | Возвращает размер элемента и его положение относительно области просмотра |
| getElementsByClassName() | Возвращает коллекцию всех дочерних элементов с указанным именем класса |
| getElementsByTagName() | Возвращает коллекцию всех дочерних элементов с указанным тегом name |
| hasAttribute() | Возвращает true, если элемент имеет указанный атрибут, в противном случае - false |
| hasAttributes() | Возвращает true, если элемент имеет какие-либо атрибуты, в противном случае - false |
| hasChildNodes() | Возвращает true, если у элемента есть дочерние узлы, иначе false |
| id | Устанавливает или возвращает значение атрибута id элемента |
| innerHTML | Устанавливает или возвращает содержимое элемента |
| innerText | Устанавливает или возвращает текстовое содержимое узла и его потомков |
| insertAdjacentElement() | Вставляет HTML элемент в указанную позицию относительно текущего элемента |
| insertAdjacentHTML() | Вставляет текст в формате HTML в указанную позицию относительно текущего элемента |
| insertAdjacentText() | Вставляет текст в указанную позицию относительно текущего элемента |
| insertBefore() | Вставляет новый дочерний узел перед указанным существующим дочерним узлом |
| isContentEditable | Возвращает true, если содержимое элемента доступно для редактирования, иначе false |
| isDefaultNamespace() | Возвращает true, если указанное пространство именURI является значением по умолчанию, в противном случае - false |
| isEqualNode() | Проверяет, равны ли два элемента |
| isSameNode() | Проверяет, являются ли два элемента одним и тем же узлом |
| isSupported() | Возвращает true, если указанная функция поддерживается элементом |
| lang | Устанавливает или возвращает значение атрибута lang элемента |
| lastChild | Возвращает последний дочерний узел элемента |
| lastElementChild | Возвращает последний дочерний элемент элемента |
| 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() | Заменяет дочерний узел в элементе |
| requestFullscreen() | Показывает элемент в полноэкранном режиме |
| scrollHeight | Возвращает всю высоту элемента, включая отступы |
| scrollIntoView() | Прокручивает указанный элемент в видимую область окна браузера |
| scrollLeft | Задает или возвращает количество пикселей, на которое содержимое элемента прокручивается по горизонтали |
| scrollTop | Задает или возвращает количество пикселей, на которое содержимое элемента прокручивается по вертикали |
| scrollWidth | Возвращает всю ширину элемента, включая отступы |
| setAttribute() | Устанавливает или изменяет указанный атрибут на указанное значение |
| setAttributeNode() | Устанавливает или изменяет указанный узел атрибута |
| style | Устанавливает или возвращает значение атрибута стиля элемента |
| tabIndex | Устанавливает или возвращает значение атрибута tabindex элемента |
| tagName | Возвращает имя тега элемента |
| textContent | Задает или возвращает текстовое содержимое узла и его потомков |
| title | Устанавливает или возвращает значение атрибута title элемента |
| toString() | Преобразует элемент в строку |
