This page was translated from English by the community. Learn more and join the MDN Web Docs community.

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 Boolean (en-US)  
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 (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
Returns the event handling code for the touchstart (en-US) event.
HTMLElement.onTouchEnd
Returns the event handling code for the touchend (en-US) event.
HTMLElement.onTouchMove
Returns the event handling code for the touchmove (en-US) 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 (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) 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! (en-US)

特性 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() (en-US) 5.0 (5.0) ? ? ? ?
click() 5.0 (5.0) ? ? ? (Yes)(535.24)
dataset (en-US) 6.0 (6.0) 9.0 ? 11.10 5.1
focus() (en-US) 5.0 (5.0) ? ? ? ?
contentEditable 3.0 (1.9) (Yes) 5.5 9 (Yes)
spellcheck 2.0 (1.8.1) ? ? ? ?
forceSpellCheck() (en-US) 未实现 未实现 未实现 未实现 未实现
dataset (en-US) 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() (en-US) 5.0 (5.0)
click() 5.0 (5.0)
dataset (en-US) 6.0 (6.0)
focus() (en-US) 5.0 (5.0)

 

还可以查看以下内容：