Меню

Объект Element

Объект Element является интерфейсом, предоставляющим методы и свойства для работы со всеми видами элементов.

Методы

Метод Описание
addEventListener() Позволяет установить обработчик события для элемента.
appendChild() Добавляет дочерний узел в конец родительского элемента.
getAttribute() Извлекает значение указанного атрибута.
getElementsByClassName() Возвращает коллекцию элементов, соответствующих указанному классу.
getElementsByTagName() Возвращает массив элементов, указанного типа.
hasAttribute() Возвращает значение true, если элемент имеет указанный атрибут, или false в обратном случае.
insertBefore() Вставляет элемент перед указанным элементом.
removeAttribute() Удаляет указанный атрибут из текущего элемента.
removeChild() Удаляет указанный дочерний узел из текущего родительского элемента.
removeEventListener() Удаляет обработчик события, который был установлен с помощью метода addEventListener().
setAttribute() Добавляет к элементу атрибут и устанавливает для него значение.

Свойства

Свойство Описание
accessKey Позволяет получить или задать клавишу доступа для элемента.
атрибут.value Позволяет получить или задать значение для атрибута.
clientHeight Возвращает высоту элемента в пикселях, включая внутренние отступы (padding). Внешние отступы (margin), рамки (border) и горизонтальная полоса прокрутки (если она есть) не учитываются.
clientWidth Возвращает ширину элемента в пикселях, включая внутренние отступы (padding). Внешние отступы (margin), рамки (border) и вертикальная полоса прокрутки (если она есть) не учитываются.
firstChild Возвращает ссылку на первый дочерний узел внутри указанного узла.
firstElementChild Возвращает первый дочерний элемент, если дочерних элементов нет, то возвращает null.
lastElementChild Возвращает последний дочерний элемент, если дочерних элементов нет, то возвращает null.
innerHTML Представляет содержимое, которое находится между открывающим и закрывающим тегами текущего элемента.
parentNode Возвращает родительский элемент указанного узла.
style Объект, представляющий атрибут style элемента, он позволяет получить или установить встроенный стиль элемента.
textContent Содержит текстовое содержимое узла и его потомков.

<p>Внутри элемента &lt;p&gt;. <em>Внутри элемента &lt;em&gt;.</em></p>

<script>
var p = document.querySelector("p");

alert(p.textContent);   // Внутри элемента <p>. Внутри элемента <em>.
</script>