HTMLElement
Наследник Element
<abbr>, <acronym>, <address>, <b>, <bdo>, <big>, <center>, <cite>, <code>, <dd>, <dfn>, <dt>, <em>, <i>, <kbd>, <noframes>, <noscript>, <s>, <samp>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <tt>, <u>, <var>
Attributes
Возвращает NamedNodeMap
список атрибутов элемента
attributes
Возвращает массив атрибутов Attr
элемента
childElementCount
Количество дочерних элементов (не дочерних узлов), которые имеет данный элемент.
children
Объект, подобный массиву, содержащий дочерние элементы (исключая дочерние узлы, не являющиеся элементами Element, такие как Text и Comment).
classList
Возвращает список классов, объект DOMTokenList
element.classList.add("show");
element.classList.remove("show");
element.classList.toggle("show");
element.classList.contains("show");
className
Это свойство представляет атрибут class элемента.
clientHeight
Внутренняя высота элемента
clientLeft
Ширина левой границы элемента
clientTop
Ширина верхней границы элемента
clientWidth
Внутреннняя ширина элемента
currentStyle
Это свойство CSSStyleDeclaration
,
реализованное только в IE,
является представлением каскадного набора всех CSS-свойств,
применяемых к элементу.
методу Window.getComputedStyle()
.
dataset
С любым HTML-элементом можно связать любые значения, присваивая их атрибутам, имена которых начинаются с префикса «data-».
Данное свойство dataset представляет множество атрибутов с данными и упрощает работу с ними.
Значение этого свойства ведет себя как обычный объект.
Каждое свойство объекта соответствует одному атрибуту с данными.
Если элемент имеет атрибут с именем data-x, объект dataset получит свойство с именем x, и dataset.x будет возвращать то же значение, что и вызов getAttribute(“data-x”).
Операции чтения и присваивания значений свойствам объекта dataset будут читать и присваивать значения соответствующим атрибутам с данными этого элемента.
Оператор delete можно использовать для удаления атрибутов с данными, а цикл for/in – для их перечисления.
firstElementChild
Это свойство подобно свойству Node.firstChild
,
но оно игнорирует узлы Text и Comment и возвращает только элементы типа
Element
.
Видимость элемента
element.hidden = true
id
Идентификатор элемента
innerHTML
Содержимое элемента
Element.innerHTML = '<div>Потомок</div>'
isContentEditable
Это свойство имеет значение true, если элемент доступен для редактирования, и false – в противном случае.
Элемент может быть доступен для редактирования вследствие установки свойства contenteditable в нем или в его родителе, или вследствие установки свойства designMode вмещающего объекта Document.
lang
Значение атрибута lang, определяющее код языка для содержимого элемента.
lastElementChild
Это свойство подобно свойству Node.lastChild
,
но оно игнорирует узлы Text и Comment и возвращает только элементы типа
Element
.
localName
Локальное имя данного элемента без префикса.
Значение этого свойства отличает ся от значения атрибута tagName, которое может включать префикс пространства имен, если таковой имеется (и все символы которого для HTML-элементов преобразуются в верхний регистр).
name
Значение атрибута name
readonly string namespaceURI
URL-адрес, формально определяющий пространство имен данного элемента.
Может иметь значение null или содержать строку, такую как «http://www.w3.org/1999/xhtml».
nextElementSibling
Это свойство подобно свойству Node.nextSibling
,
но оно игнорирует узлы Text и Comment и возвращает только элементы типа Element
.
offsetHeight
Высота элемента в скомпонованной странице
offsetLeft
Расстояние от левой границы элемента до левой границы элемента offsetParent
offsetParent
Элемент , от которого ведутся расчеты сдвига текущего элемента
offsetTop
Расстояние от верхней границы элемента до верхней границы элемента offsetParent
offsetWidth
Ширина элемента в скомпонованной странице
outerHTML
Разметка HTML или XML, определяющая данный элемент и его содержимое. Если присвоить этому свойству строку, она заменит данный элемент (и все его содержимое) результатом синтаксического разбора нового значения как фрагмента HTML- или XML-документа.
prefix
Префикс пространства имен для данного элемента. Обычно это свойство содержит значение null. Исключение составляют XML-документы, в которых используются пространства имен.
previousElementSibling
Это свойство подобно свойству Node.previousSibling, но оно игнорирует узлы Text и Comment и возвращает только элементы типа :py:class:`Element
.
scrollHeight
Видимая высота прокручиваемого элемента
scrollLeft
Возвращает или устанавливает размер прокрутки в окне влево для элемента
scrollTop
Возвращает или устанавливает размер прокрутки в окне вниз для элемента
scrollWidth
Видимая ширина прокручиваемого элемента
style
CSSStyleDeclaration
CSS-стили для элемента.
tagName
Возвращает имя элемента
title
Значение атрибута title элемента. Многие броузеры отображают значение этого атрибута в виде всплывающей подсказки при наведении указателя мыши на элемент.
addEventListener
(event_type, handler, capture)Blur
()blur
()Переносит фокус с текущего элемента
click
()Симулирует щелчок по текущему элементу
dispatchEvent
(event)Передает событие, связанное с этим элементом, в DOM
focus
()Переносит фокус на текущий элемент
login = document.querySelector("[name=login]");
login.focus();
getAttribute
(attrName)Возвращает значение атрибута
getAttributeNS
(namespace, localName)Этот метод действует так же, как метод getAttribute()
,
кроме того, что атрибут задается комбинацией URI пространства имен и
локального имени, определенного в данном пространстве имен.
getBoundingClientRect
()Возвращает ClientRect
, описывающий прямоугольник, ограничивающий данный элемент.
getClientRects
()Возвращает объект, подобный массиву, содержащий объекты ClientRects
, которые описывают один или более прямоугольников, ограничивающих данный элемент.
getElementsByClassName
(elementClassName)Возвращает список NodeList
элементов с указанным классом
getElementsByTagName
(tagName)Возвращает список NodeList
элементов с указанным тегом
getElementsByTagNameNS
(namespace, localName)Этот метод действует подобно методу getElementsByTagName()
, за исключением того, что имя тега требуемых элементов указывается как комбинация URI пространства имен и локального имени в этом пространстве имен.
hasAttribute
(name)Проверяет, есть ли у элемента атрибут
hasAttributeNS
(namespace, localName)Этот метод действует так же, как метод hasAttribute()
, за исключением того, что атрибут задается комбинацией URI пространства имен и локального имени в этом пространстве имен.
hasAttributes
()Проверяет, есть ли у элемента атрибуты
insertAdjacentHTML
(string position, string text)Вставляет разметку HTML text в позицию position относительно данного элемен та.
position -
beforebegin - Вставляет текст перед открывающим тегом элемента
afterend - Вставляет текст после закрывающего тега элемента
afterbegin - Вставляет текст сразу после открывающего тега элемента
beforeend - Вставляет текст непосредственно перед закрывающим тегом элемента
querySelector
(string selectors)querySelectorAll
(string selectors)removeAttribute
(attrName)Удаляет указанный атрибут
removeAttributeNS
(string namespace, string localName)Метод действует так же, как метод removeAttribute()
, за исключением того, что удаляемый атрибут задается URI пространства имен и локального имени.
removeAttributeNode
()Удаляет указанный атрибутный узел
removeEventListener
()Удаляет обработчик события для данного элемента
button.removeEventListener('click', my_function)
scrollIntoView
([boolean top])Если HTML-элемент в настоящий момент находится за пределами окна, этот метод прокрутит документ так, что элемент окажется в пределах окна.
Аргумент top является необязательным и подсказывает методу, должен ли элемент оказаться ближе к верхнему или к нижнему краю окна.
Если он равен true или отсутствует, броузер старается выполнить прокрутку так, чтобы элемент оказался ближе к верхнему краю окна.
Если он равен false, броузер старается выполнить прокрутку так, чтобы элемент оказался ближе к нижнему краю окна.
Для элементов, принимающих фокус ввода, таких как элементы Input, метод focus() неявно выполняет точно такую же операцию прокрутки.
element.scrollIntoView()
setAttribute
(string qualifiedName, string value)Присваивает указанное значение атрибуту с указанным именем. Если атрибут с таким именем еще не существует, в элемент добавляется новый атрибут. В HTML-документах перед присваиванием значения символы в имени атрибута преобразуются в нижний регистр. Обратите внимание: в HTML-документе JavaScript-свойства, соответствующие всем стандартным HTML-атрибутам, определяются объектами HTMLElement. Поэтому данный метод обычно используется лишь для доступа к нестандартным атрибутам.
setAttributeNS
(string namespace, string qualifiedName, string value)Этот метод действует так же, как метод setAttribute()
, за исключением того, что имя атрибута указывается как комбинация URI пространства имен и квалифицированного имени, состоящего из префикса пространства имен, двоеточия и локального имени в этом пространстве имен.