HTMLElement

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

属性

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

属性名称	属性类型	Description
`HTMLElement.accessKey`	`DOMString`	获取/设置元素访问的快捷键
`HTMLElement.accessKeyLabel`	`DOMString`	返回一个包含元素访问的快捷键的字符串（只读）
`HTMLElement.contentEditable`	`DOMString`	获取/设置元素的可编辑状态
`HTMLElement.isContentEditable` 只读	`Boolean`	表明元素的内容是否可编辑（只读）
`HTMLElement.contextMenu`	`HTMLMenuElement`	设置/获取元素的右键菜单
`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`	获取/设置元素是否可以被翻译

Event handlers

The events properties, of the form onXYZ, are defined on the GlobalEventHandlers, implemented by HTMLElement. A few more are specific to HTMLElement.

HTMLElement.onTouchStart: Returns the event handling code for the touchstart event.
HTMLElement.onTouchEnd: Returns the event handling code for the touchend event.
HTMLElement.onTouchMove: Returns the event handling code for the touchmove event.
HTMLElement.onTouchEnter: Returns the event handling code for the touchenter event.
HTMLElement.onTouchLeave: Returns the event handling code for the touchleave event.
HTMLElement.onTouchCancel: Returns the event handling code for the touchcancel event.

方法

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

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

规范

Specification	Status	Comment
CSS Object Model (CSSOM) View Module HTMLElement	Working Draft	添加如下属性： `offsetParent，offsetTop，offsetLeft，offsetWidth，offsetHeight`
HTML Living Standard HTMLElement	Living Standard	添加如下属性: `translate，itemScope，itemType，itemId，itemRef，itemProp，properties，itemValue。` `添加如下方法：` `forceSpellcheck()，` `将 onXYZ 属性移动到了GlobalEventHandlers`接口上并从该接口继承了该属性
HTML5 HTMLElement	Recommendation	添加了如下属性: `dataset`, `hidden`, `tabindex`, `accessKey`, `accessKeyLabel`, `draggable`, `dropzone`, `contentEditable`, `isContentEditable`, `contextMenu`, `spellcheck`, `commandType`, `commandLabel`, `commandIcon`, `commandHidden`, `commandDisabled`, `commandChecked`, `style，和所有的 onXYZ属性` `移动id和classname属性到Element`接口上
Document Object Model (DOM) Level 2 HTML Specification HTMLElement	Obsolete	在 Document Object Model (DOM) Level 2 HTML Specification基础上没有任何改变
Document Object Model (DOM) Level 1 Specification HTMLElement	Obsolete	初始定义

浏览器兼容性

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!

Desktop
Mobile

特性	Firefox (Gecko)	Chrome	Internet Explorer	Opera	Safari
Basic support	1.0 (1.7 or earlier)	?	?	?	?
`accessKey`	5.0 (5.0)	17.0	?	?	(Yes)(535.10)
`accessKeyLabel`	8.0 (8.0)	?	?	?	未实现WebKit bug 72715
`blur()`	5.0 (5.0)	?	?	?	?
`click()`	5.0 (5.0)	?	?	?	(Yes)(535.24)
`dataset`	6.0 (6.0)	9.0	?	11.10	5.1
`focus()`	5.0 (5.0)	?	?	?	?
`contentEditable`	3.0 (1.9)	(Yes)	5.5	9	(Yes)
`spellcheck`	2.0 (1.8.1)	?	?	?	?
`forceSpellCheck()`	未实现	未实现	未实现	未实现	未实现
`dataset`	6.0 (6.0)	8.0	11	11.10	6
`draggable`	(Yes)	?	?	12.0	?
`dropzone`	未实现	未实现	未实现	12.0	未实现
`offsetLeft`, `offsetTop`, `offsetParent`, `offsetHeight` and `offsetWidth`	(Yes)	?	(Yes)	?	?
`translate`	未实现	未实现	未实现	未实现	未实现
`itemScope`, `itemType`, `itemRef`, `itemId`, `itemProp`, and `itemValue`	6.0 (6.0)	未实现	未实现	11.60 (Removed in Opera 15)	未实现
`properties`	(Yes)	?	?	?	?
`HTMLElement.ontouchstart`, `HTMLElement.ontouchend`, `HTMLElement.ontouchmove`, `HTMLElement.ontouchenter`, `HTMLElement.ontouchleave`, and `HTMLElement.ontouchcancel`	(Yes)	(Yes)	未实现	?	(Yes)

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)

还可以查看以下内容：

Element

最后修改： Mar 23, 2019, by MDN contributors

HTMLElement

属性

Event handlers

方法

规范

浏览器兼容性

还可以查看以下内容：

学习 Web 开发的最佳实践