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.

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

属性

继承自父接口 Element 和 GlobalEventHandlers 的属性。

属性名称	属性类型	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 Standard # htmlelement

浏览器兼容性

BCD tables only load in the browser

参见

Element