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
WHATWG 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		 Recommendation 在 Document Object Model (DOM) Level 2 HTML Specification基础上没有任何改变
Document Object Model (DOM) Level 1 Specification
HTMLElement		 Recommendation 初始定义

浏览器兼容性

特性 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)

 

还可以查看以下内容：

文档标签和贡献者