JavaScript HTML DOM Объект элемента
Объект элемента
В модели HTML DOM объект элемента представляет собой элемент 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() | Преобразует элемент в строку |