Есть желание присоединиться к интересным IT проектам? Смотри открытые вакансии.

JavaScript интерфейс Element

Интерфейсы веб API

Описание интерфейса

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

Более конкретные классы наследуются от интерфейса Element, задавая дополнительные функциональные возможности ниже по иерархии классов. Например, интерфейс HTMLElement является основным интерфейсом для HTML элементов, в то время как интерфейс SVGElement является основой для всех элементов SVG.

Полный перечень свойств и методов объекта Element представлен ниже:

Методы интерфейса

МетодОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
EventTarget.addEventListener()Позволяет зарегистрировать обработчик событий определенного типа для конкретной цели. ДаДаДаДа9.0*Да
attachShadow()Метод присоединяет теневое дерево DOM к указанному элементу и возвращает ссылку на его теневой корень (shadow root). 43.063.040.010.0НетНет
EventTarget.dispatchEvent()Позволяет отправить искусственно созданное событие элементу. ДаДаДаДа9.0Да
getAttribute()Возвращает значение указанного атрибута элемента. ДаДаДаДаДаДа
getAttributeNames()Позволяет возвратить имена всех атрибутов элемента в виде массива строк. 61.045.048.010.0Нет18.0
getAttributeNS()Возвращает строковое значение атрибута с указанным пространством имен и именем. ДаДаДаДаДаДа
getBoundingClientRect()Возвращает объект DOMRect, который содержит размеры элемента и его положение относительно видимой области просмотра. ДаДаДаДа*Да*Да*
getClientRects()Возвращает массивоподобный объект, который содержит коллекцию объектов DOMRect, которые необходимы для определения координат относительно видимой области просмотра и размеров отдельных прямоугольников, занимаемых строчными элементами. ДаДаДаДа*Да*Да*
getElementsByClassName()Возвращает живую коллекцию HTMLCollection, которая содержит каждый элемент, который имеет указанное имя, или имена класса, поиск элементов при этом ведется внутри указанного элемента. ДаДаДаДаДаДа
getElementsByTagName()Возвращает живую коллекцию HTMLCollection элементов с заданным именем тега, поиск элементов при этом ведется внутри указанного элемента. ДаДаДаДаДаДа
getElementsByTagNameNS()Возвращает живую коллекцию HTMLCollection элементов с заданным именем тега, принадлежащих заданному пространству имен, поиск элементов при этом ведется внутри указанного элемента. ДаДаДаДаДаДа
hasAttribute()Возвращает логическое значение, указывающее на то, имеет ли указанный элемент заданный атрибут или нет. ДаДаДаДаДаДа
hasAttributeNS()Возвращает логическое значение, указывающее, имеет ли элемент указанный атрибут в указанном пространстве имен или нет. ДаДаДаДаДаДа
hasAttributes()Возвращает логическое значение, указывающее на то, имеет ли элемент один или несколько любых атрибутов HTML. ДаДаДаДа9.0Да
hasPointerCapture()Указывает, имеет ли элемент, на котором он вызывается, захват указателя. 55.059.042.0?11.0Да
insertAdjacentElement()Позволяет вставить указанный узел элемента в заданную позицию относительно элемента, на котором он вызывается. Да48.0ДаДаДаДа
insertAdjacentHTML()Производит анализ указанного текста как HTML или XML, и вставляет полученные узлы в дерево DOM в указанной позиции. ДаДаДаДаДаДа
insertAdjacentText()Позволяет вставить указанный текстовый узел в заданную позицию относительно элемента на котором он вызывается. Да48.0ДаДаДаДа
querySelector()Возвращает первый элемент, соответствующий указанной группе селекторов, который является потомком элемента на котором был вызван метод. ДаДаДаДа9.0Да
querySelectorAll()Возвращает статический (не живой) объект NodeList, представляющий список элементов, соответствующих указанной группе селекторов, которые являются потомками элемента на котором был вызван метод. ДаДаДаДа9.0Да
releasePointerCapture()Освобождает (останавливает) захват указателя, который ранее был установлен для определенного события указателя. 55.059.042.0?11.0Да
removeAttribute()Позволяет удалить из элемента атрибут с указанным именем. ДаДаДаДаДаДа
removeAttributeNS()Удаляет из элемента атрибут с указанным именем и пространством имен. ДаДаДаДаДаДа
EventTarget.removeEventListener()Позволяет удалить обработчик событий определенного типа для конкретного элемента. ДаДаДаДа9.0*Да
scroll()Позволяет прокрутить страницу в соответствии с заданными координатами внутри указанного элемента. 45.0Да32.010.0НетНет
scrollBy()Позволяет прокрутить элемент на заданные величины. 45.0Да32.010.0НетНет
scrollTo()Позволяет прокрутить страницу к определенному набору координат внутри данного элемента. 45.0Да32.010.0НетНет
setAttribute()Позволяет добавить новый атрибут, или значение атрибута с указанным именем текущему элементу. ДаДаДаДаДаДа
setAttributeNS()Позволяет добавить новый атрибут или значение атрибута с заданным пространством имен и именем текущего элемента. ДаДаДаДаДаДа
setPointerCapture()Используется для назначения определенного элемента в качестве цели захвата будущих событий указателя. 55.059.042.0?11.0Да
toggleAttribute() Позволяет добавить элементу логический атрибут, если его нет, или удалить его, если он присутствует у данного элемента. 69.063.056.0??18.0

Свойства интерфейса

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
attributesВозвращает динамическую коллекцию всех узлов атрибута (объект NamedNodeMap), зарегистрированных на указанном узле. 26.022.0Да6.0Да16.0
ParentNode.childElementCountВозвращает количество дочерних элементов конкретного узла. ДаДаДаДа9.0Да
ParentNode.childrenВозвращает живую коллекцию (HTMLCollection), которая содержит все дочерние элементы узла, на котором он был вызван. ДаДаДаДа9.0*Да
classListЯвляется свойством только для чтения, которое возвращает живую коллекцию DOMTokenList, содержащую значение глобального атрибута class (классы элемента). ДаДаДаДа10.0*Да
classNameЗадает значение атрибута class, или возвращает строковое значение этого атрибута, содержащее класс, или классы текущего элемента, разделенные пробелами. ДаДаДаДаДаДа
clientHeightСвойство, доступное только для чтения возвращает число, которое соответствует значению внутренней высоты элемента в пикселях (значение свойства height), включая пространство между содержимым элемента и его границей (значение свойства padding), но исключая высоту полосы горизонтальной прокрутки. Для элементов без CSS стилей, или элементов строчной разметки значение будет соответствовать нулю. ДаДаДаДаДаДа
clientLeftСвойство, доступное только для чтения возвращает число, которое соответствует ширине левой границы элемента в пикселях. Оно включает ширину вертикальной полосы прокрутки, если направление текста элемента справа налево и если есть переполнение, вызывающее левую вертикальную полосу прокрутки для визуализации. ДаДаДаДаДаДа
clientTopСвойство, доступное только для чтения возвращает число, которое соответствует ширине верхней границы элемента в пикселях. ДаДаДаДаДаДа
clientWidthСвойство, доступное только для чтения возвращает число, которое соответствует значению внутренней ширины элемента в пикселях (значение свойства width), включая пространство между содержимым элемента и его границей (значение свойства padding), но исключает границы (border), внешние отступы (значение свойства margin) и вертикальные полосы прокрутки (если они есть). Для элементов без CSS стилей, или элементов строчной разметки значение будет соответствовать нулю. ДаДаДаДаДаДа
ParentNode.firstElementChildВозвращает первый дочерний элемент (объект Element) конкретного узла, или null, если дочерних элементов нет. ДаДаДаДа9.0Да
idЯвляется свойством только для чтения, которое возвращает значение глобального атрибута id элемента (идентификатор элемента). ДаДаДаДаДаДа
innerHTMLПозволяет установить или возвратить содержимое элемента. ДаДаДаДаДаДа
ParentNode.lastElementChildВозвращает последний дочерний элемент (объект Element) конкретного узла, или null, если дочерних элементов нет. ДаДаДаДа9.0Да
localNameЯвляется свойством только для чтения, которое возвращает локальную часть имени элемента. 31.048.0Да10.0Нет17.0
namespaceURIЯвляется свойством только для чтения, которое URI пространства имен элемента, или null, если элемент не находится в пространстве имен. 31.048.0Да10.0Нет17.0
NonDocument
TypeChildNode
.nextElementSibling
Является свойством только для чтения, которое возвращает элемент (объект Element), следующий сразу за указанным в списке дочерних элементов родительского элемента, или null, если указанный элемент является последним в списке. ДаДаДаДа9.0Да
outerHTMLВозвращает сериализованный HTML фрагмент, описывающий элемент, включая его потомков. Он также может быть установлен, чтобы заменить элемент с узлами, проанализированных из данной строки. ДаДаДаДаДаДа
prefixЯвляется свойством только для чтения, которое возвращает префикс пространства имен указанного элемента или null, если префикс не указан. 31.048.0Да10.0НетДа
NonDocument
TypeChildNode
.previousElementSibling
Является свойством только для чтения, которое возвращает элемент (объект Element), находящийся непосредственно перед указанным в родительском списке дочерних элементом, или null, если указанный элемент является первым в списке. ДаДаДаДа9.0Да
scrollHeightЯвляется свойством только для чтения, которое соответствует измерению высоты содержимого элемента, включая содержимое, не видимое на экране из-за переполнения. ДаДаДаДаДаДа
scrollLeftВозвращает или задает количество пикселей, на которое прокручивается содержимое элемента от его левого края. ДаДаДаДаДаДа
scrollTopВозвращает или задает количество пикселей, в которых содержимое элемента прокручивается по вертикали. ДаДаДаДаДаДа
scrollWidthЯвляется свойством только для чтения, которое соответствует измерению ширины содержимого элемента, включая содержимое, не видимое на экране из-за переполнения. ДаДаДаДаДаДа
shadowRootСвойство только для чтения, которое представляет из себя теневой корень (shadow root), размещенный элементом. 43.063.040.010.0НетНет
slotВозвращает имя слота shadow DOM, в который вставлен элемент. 53.0??10.0??
tagNameЯвляется свойством только для чтения, которое возвращает имя тега элемента, на котором он вызывается. ДаДаДаДаДаДа
Интерфейсы веб API
×

Кажется, вы используете блокировщик рекламы :(

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.