HTMLElement

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

属性

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

属性名称	属性类型	Description
`HTMLElement.accessKey`	`DOMString`	获取/设置元素访问的快捷键
`HTMLElement.accessKeyLabel`	`DOMString`	返回一个包含元素访问的快捷键的字符串（只读）
`HTMLElement.contentEditable`	`DOMString`	获取/设置元素的可编辑状态
`HTMLElement.isContentEditable` 只读	`Boolean` (en-US)	表明元素的内容是否可编辑（只读）
`HTMLElement.contextMenu`	`HTMLMenuElement` (en-US)	设置/获取元素的右键菜单
`HTMLElement.dataset` (en-US) 只读	`DOMStringMap`	获取元素的自定义属性，是一个对象（key-value，只读）
`HTMLElement.dir`	`DOMString`	获取/设置元素的方向，可选的值有：ltr，rtl，auto
`HTMLElement.draggable`	`Boolean` (en-US)	设置/获取元素是否可以拖拽
`HTMLElement.dropzone` 只读	`DOMSettableTokenList`
`HTMLElement.hidden`	`Boolean` (en-US)	获取/设置元素是否隐藏
`HTMLElement.itemScope` Experimental	`Boolean` (en-US)
`HTMLElement.itemType` 只读 Experimental	`DOMSettableTokenList`
`HTMLElement.itemId` Experimental	`DOMString`
`HTMLElement.itemRef` 只读 Experimental	`DOMSettableTokenList`
`HTMLElement.itemProp` 只读 Experimental	`DOMSettableTokenList`
`HTMLElement.itemValue` Experimental	`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` 只读 Experimental	`HTMLPropertiesCollection`
`HTMLElement.spellcheck`	`Boolean` (en-US)
`HTMLElement.style` (en-US)	`CSSStyleDeclaration`	获取/设置元素的style属性
`HTMLElement.tabIndex` (en-US)	`long`	获取/设置元素的tab键控制次序
`HTMLElement.title`	`DOMString`	获取/设置元素的title属性
`HTMLElement.translate`	`Boolean` (en-US)	获取/设置元素是否可以被翻译

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 Non-Standard: Returns the event handling code for the touchstart (en-US) event.
HTMLElement.onTouchEnd Non-Standard: Returns the event handling code for the touchend (en-US) event.
HTMLElement.onTouchMove Non-Standard: Returns the event handling code for the touchmove (en-US) event.
HTMLElement.onTouchEnter Non-Standard: Returns the event handling code for the touchenter event.
HTMLElement.onTouchLeave Non-Standard: Returns the event handling code for the touchleave event.
HTMLElement.onTouchCancel Non-Standard: Returns the event handling code for the touchcancel (en-US) event.

方法

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

Name & Arguments	Return	Description
`HTMLElement.blur()` (en-US)	`void`	元素失去焦点
`HTMLElement.click()`	`void`	触发元素的点击事件
`HTMLElement.focus()` (en-US)	`void`	元素获得焦点
`HTMLElement.forceSpellCheck()` (en-US) Experimental	`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	初始定义

浏览器兼容性

BCD tables only load in the browser

还可以查看以下内容：

Element