Интерфейс HTMLElement представляет собой любой элемент HTML. Некоторые элементы напрямую используют этот интерфейс, другие - через промежуточный интерфейс.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/ru/docs/Web/API/EventTarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25 121,20 121,30 111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/ru/docs/Web/API/Node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="188.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Node</text></a><polyline points="226,25 236,20 236,30 226,25" stroke="#D4DDE4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/ru/docs/Web/API/Element" target="_top"><rect x="266" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="303.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Element</text></a><polyline points="341,25 351,20 351,30 341,25" stroke="#D4DDE4" fill="none"/><line x1="351" y1="25" x2="381" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/ru/docs/Web/API/HTMLElement" target="_top"><rect x="381" y="1" width="110" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="436" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLElement</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Свойства
Наследует свойства родителя, Element, и реализует их через GlobalEventHandlers и TouchEventHandlers.
HTMLElement.accessKey-- ключ доступа- Эта строковая переменная
DOMStringотображает ключ доступа, сопоставленный элементуElement. HTMLElement.accessKeyLabelТолько для чтения- Возвращает
DOMString, содержащий назначенный ключ доступа элемента. HTMLElement.contentEditable- Является
DOMString, где значение" true "означает, что элемент доступен для редактирования, а значение" false " означает, что это не так. HTMLElement.isContentEditableТолько для чтения- Возвращает
Boolean, который указывает, можно ли редактировать содержимое элемента. HTMLElement.contextMenu- Является
HTMLMenuElement, представляющим контекстное меню, связанное с элементом. Может быть null HTMLElement.datasetТолько для чтения -- набор данных- Возвращает
domstringmap, который позволяет получить доступ к чтению и записи атрибутов пользовательских данных элемента (data-*) . HTMLElement.dir- Is a
DOMString, reflecting thedirglobal attribute, representing the directionality of the element. Possible values are"ltr","rtl", and"auto". HTMLElement.draggable- Is a
Booleanindicating if the element can be dragged. HTMLElement.dropzoneТолько для чтения- Returns a
DOMSettableTokenListreflecting thedropzoneglobal attribute and describing the behavior of the element regarding a drop operation. HTMLElement.hidden- Is a
Booleanindicating if the element is hidden or not. HTMLElement.itemScope- Is a
Boolean… HTMLElement.itemTypeТолько для чтения- Returns a
DOMSettableTokenList… HTMLElement.itemId- Is a
DOMString… HTMLElement.itemRefТолько для чтения- Returns a
DOMSettableTokenList… HTMLElement.itemPropТолько для чтения- Returns a
DOMSettableTokenList… HTMLElement.itemValue- Returns an
Object… HTMLElement.lang- Is a
DOMStringrepresenting the language of an element's attributes, text, and element contents. HTMLElement.offsetHeightТолько для чтения- Returns a
doublecontaining the height of an element, relative to the layout. HTMLElement.offsetLeftТолько для чтения- Returns a
double, the distance from this element's left border to itsoffsetParent's left border. HTMLElement.offsetParentТолько для чтения- Returns an
Elementthat is the element from which all offset calculations are currently computed. HTMLElement.offsetTopТолько для чтения- Returns a
double, the distance from this element's top border to itsoffsetParent's top border. HTMLElement.offsetWidthТолько для чтения- Returns a
doublecontaining the width of an element, relative to the layout. HTMLElement.propertiesТолько для чтения- Returns an
HTMLPropertiesCollection… HTMLElement.spellcheck- Is a
Booleanthat controls spell-checking. It is present on all HTML elements, though it hasn't an effect on all of them. HTMLElement.style- Is
CSSStyleDeclaration, an object representing the declarations of an element's style attributes. HTMLElement.tabIndex- Is a
longrepresenting the position of the element in the tabbing order. HTMLElement.title- Is a
DOMStringcontaining the text that appears in a popup box when mouse is over the element. HTMLElement.translate- Is a
Boolean
Event handlers
Most events properties, of the form onXYZ, are defined on the GlobalEventHandlers or TouchEventHandlers, implemented by HTMLElement. A few more are specific to HTMLElement.
HTMLElement.oncopy- Returns the event handling code for the
copyevent (баг 280959). HTMLElement.oncut- Returns the event handling code for the
cutevent (баг 280959). HTMLElement.onpaste- Returns the event handling code for the
pasteevent (баг 280959). TouchEventHandlers.ontouchstart- Returns the event handling code for the
touchstartevent. TouchEventHandlers.ontouchend- Returns the event handling code for the
touchendevent. TouchEventHandlers.ontouchmove- Returns the event handling code for the
touchmoveevent. TouchEventHandlers.ontouchenter- Returns the event handling code for the
touchenterevent. TouchEventHandlers.ontouchleave- Returns the event handling code for the
touchleaveevent. TouchEventHandlers.ontouchcancel- Returns the event handling code for the
touchcancelevent.
Methods
Inherits methods from its parent, Element.
HTMLElement.blur()- Removes keyboard focus from the currently focused element.
HTMLElement.click()- Sends a mouse click event to the element.
HTMLElement.focus()- Makes the element the current keyboard focus.
HTMLElement.forceSpellCheck()- Makes the spell checker runs on the element.
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Object Model (CSSOM) View Module Определение 'HTMLElement' в этой спецификации. |
Рабочий черновик | Added the following properties: offsetParent, offsetTop, offsetLeft, offsetWidth, and offsetHeight. |
| HTML Living Standard Определение 'HTMLElement' в этой спецификации. |
Живой стандарт | Added the following properties: translate, itemScope, itemType, itemId, itemRef, itemProp, properties, and itemValue.Added the following method: forceSpellcheck().Moved the onXYZ attributes to the GlobalEventHandlers interface and added an inheritance from it. |
| HTML5 Определение 'HTMLElement' в этой спецификации. |
Рекомендация | Added the following properties: dataset, hidden, tabindex, accessKey, accessKeyLabel, draggable, dropzone, contentEditable, isContentEditable, contextMenu, spellcheck, commandType, commandLabel, commandIcon, commandHidden, commandDisabled, commandChecked, style, and all the onXYZ properties.Moved the id and className properties to the Element interface. |
| Document Object Model (DOM) Level 2 HTML Specification Определение 'HTMLElement' в этой спецификации. |
Устаревшая | No change from Document Object Model (DOM) Level 2 HTML Specification |
| Document Object Model (DOM) Level 1 Specification Определение 'HTMLElement' в этой спецификации. |
Устаревшая | Initial definition. |
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
| Feature | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 1.0 (1.7 или ранее) | ? | 9 | ? | ? |
accessKey |
5.0 (5.0) | 17.0 | ? | ? | (Да)(535.10) |
accessKeyLabel |
8.0 (8.0) | ? | ? | ? | НетБаг WebKit 72715 |
blur() |
5.0 (5.0) | ? | ? | ? | ? |
click() |
5.0 (5.0) | ? | ? | ? | (Да)(535.24) |
dataset |
6.0 (6.0) | 9.0 | ? | 11.10 | 5.1 |
focus() |
5.0 (5.0) | ? | ? | ? | ? |
contentEditable |
3.0 (1.9) | (Да) | 5.5 | 9 | (Да) |
spellcheck |
2.0 (1.8.1) | ? | ? | ? | ? |
style |
(Да) (returns a CSS2Properties, rather than a CSSStyleDeclaration) |
(Да) | (Да) | (Да) | (Да) |
forceSpellCheck() |
Нет | Нет | Нет | Нет | Нет |
dataset |
6.0 (6.0) | 8.0 | 11 | 11.10 | 6 |
draggable |
(Да) | ? | ? | 12.0 | ? |
dropzone |
Нет | Нет | Нет | 12.0 | Нет |
offsetLeft, offsetTop, offsetParent, offsetHeight and offsetWidth |
(Да) | ? | (Да) | ? | ? |
translate |
Нет | Нет | Нет | Нет | Нет |
itemScope, itemType, itemRef, itemId, itemProp, and itemValue |
6.0 (6.0) | Нет | Нет | 11.60 (Removed in Opera 15) |
Нет |
properties |
(Да) | ? | ? | ? | ? |
HTMLElement.ontouchstart, HTMLElement.ontouchend, HTMLElement.ontouchmove, HTMLElement.ontouchenter, HTMLElement.ontouchleave, and HTMLElement.ontouchcancel |
(Да) | (Да) | Нет | ? | (Да) |
HTMLElement.oncopy, HTMLElement.oncut, and HTMLElement.onpaste |
3.0 (1.9) | ? | ? | ? | ? |
| Feature | Firefox Mobile (Gecko) | Android | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support |
1.0 (1.0) |
? | ? | ? | ? |
accessKey |
5.0 (5.0) | ||||
accessKeyLabel |
8.0 (8.0) | ||||
blur() |
5.0 (5.0) | ||||
click() |
5.0 (5.0) | ||||
dataset |
6.0 (6.0) | ||||
focus() |
5.0 (5.0) | ||||
HTMLElement.oncopy, HTMLElement.oncut, and HTMLElement.onpaste |
1.0 (1.9) | ? | ? | ? | ? |