HTMLElement¶
- class
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
список атрибутов элемента
-
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-свойств, применяемых к элементу.- В IE версии 8 и ниже его можно использовать как замену стандартному
методу
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
, которые описывают один или более прямоугольников, ограничивающих данный элемент.
-
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 пространства имен и квалифицированного имени, состоящего из префикса пространства имен, двоеточия и локального имени в этом пространстве имен.
-