Объект 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>Внутри элемента <p>. <em>Внутри элемента <em>.</em></p>
<script>
var p = document.querySelector("p");
alert(p.textContent); // Внутри элемента <p>. Внутри элемента <em>.
</script>
|