HTMLElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

HTMLElement 接口表示所有的 HTML 元素。一些 HTML 元素直接实现了 HTMLElement 接口,其他的间接实现 HTMLElement 接口。

属性

继承自父接口 ElementGlobalEventHandlers 的属性。

属性名称 属性类型 Description
HTMLElement.accessKey DOMString 获取/设置元素访问的快捷键
HTMLElement.accessKeyLabel DOMString 返回一个包含元素访问的快捷键的字符串(只读)
HTMLElement.contentEditable DOMString 获取/设置元素的可编辑状态
HTMLElement.isContentEditable 只读 Boolean 表明元素的内容是否可编辑(只读)
HTMLElement.dataset 只读 DOMStringMap 获取元素的自定义属性,是一个对象(key-value,只读)
HTMLElement.dir DOMString 获取/设置元素的方向,可选的值有:ltr,rtl,auto
HTMLElement.draggable Boolean 设置/获取元素是否可以拖拽
HTMLElement.dropzone 只读 DOMSettableTokenList
HTMLElement.hidden Boolean 获取/设置元素是否隐藏
HTMLElement.itemScope 实验性 Boolean
HTMLElement.itemType 只读 实验性 DOMSettableTokenList
HTMLElement.itemId 实验性 DOMString
HTMLElement.itemRef 只读 实验性 DOMSettableTokenList
HTMLElement.itemProp 只读 实验性 DOMSettableTokenList
HTMLElement.itemValue 实验性 object
HTMLElement.lang DOMString 获取/设置元素属性、文本、内容的语言
HTMLElement.offsetHeight 只读 double 元素自身可视高度加上上下 border 的宽度
HTMLElement.offsetLeft只读 double 元素自己 border 左边距离父元素 border 左边或者 body 元素 border 左边的距离
HTMLElement.offsetParent只读 Element 元素的父元素,如果没有就是 body 元素
HTMLElement.offsetTop只读 double 元素自己 border 顶部距离父元素顶部或者 body 元素 border 顶部的距离
HTMLElement.offsetWidth只读 double 元素自身可视宽度加上左右 border 的宽度
HTMLElement.properties 只读 实验性 HTMLPropertiesCollection
HTMLElement.spellcheck Boolean
HTMLElement.style CSSStyleDeclaration 获取/设置元素的 style 属性
HTMLElement.tabIndex long 获取/设置元素的 tab 键控制次序
HTMLElement.title DOMString 获取/设置元素的 title 属性
HTMLElement.translate Boolean 获取/设置元素是否可以被翻译

事件

Listen to these events using addEventListener() or by assigning an event listener to the oneventname property of this interface.

copy

Fired when the user initiates a copy action through the browser's user interface.

cut

Fired when the user initiates a cut action through the browser's user interface.

paste

Fired when the user initiates a paste action through the browser's user interface.

invalid

Fired when an element does not satisfy its constraints during constraint validation.

方法

从父元素继承的方法,Element.

Name & Arguments Return Description
HTMLElement.blur() void 元素失去焦点
HTMLElement.click() void 触发元素的点击事件
HTMLElement.focus() void 元素获得焦点
HTMLElement.forceSpellCheck() 实验性 void

规范

Specification
HTML
# htmlelement

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
HTMLElement
accessKey
accessKeyLabel
anchorElement
ExperimentalNon-standard
attachInternals
attributeStyleMap
autocapitalize
autocorrect
autofocus
beforetoggle event
beforetoggle event fires at dialog elements
beforetoggle event fires at popover elements
blur
change event
click
command event
Experimental
contentEditable
plaintext-only as a value
dataset
dir
drag event
dragend event
dragenter event
dragexit event
DeprecatedNon-standard
draggable
dragleave event
dragover event
dragstart event
drop event
editContext
Experimental
enterKeyHint
error event
focus
options.focusVisible parameter
Experimental
options.preventScroll parameter
hidden
hidePopover
inert
Element is ignored for the purposes of find-in-page.
innerText
Can be set with TrustedScript instances in HTMLScriptElement.
inputMode
isContentEditable
lang
nonce
offsetHeight
offsetLeft
offsetParent
offsetTop
offsetWidth
outerText
popover
hint value
Experimental
showPopover
source option
Experimental
Implicit anchor reference via source
Experimental
spellcheck
style
tabIndex
title
togglePopover
Returns true or false
source option
Experimental
Implicit anchor reference via source
Experimental
toggle event
toggle event fires at details elements
toggle event fires at dialog elements
toggle event fires at popover elements
translate
virtualKeyboardPolicy
Experimental
writingSuggestions

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
In development. Supported in a pre-release version.
In development. Supported in a pre-release version.
No support
No support
Experimental. Expect behavior to change in the future.
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.
See implementation notes.
User must explicitly enable this feature.
Has more compatibility info.

参见