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 只读 DOMStringMap

获取元素的自定义属性,是一个对象(key-value,只读)

HTMLElement.dir DOMString

获取/设置元素的方向,可选的值有:ltr,rtl,auto

HTMLElement.draggable Boolean (en-US) 设置/获取元素是否可以拖拽
HTMLElement.dropzone 只读 DOMSettableTokenList  
HTMLElement.hidden Boolean (en-US) 获取/设置元素是否隐藏
HTMLElement.itemScope 这是一个实验性的 API,请尽量不要在生产环境中使用它。 Boolean (en-US)  
HTMLElement.itemType 只读 这是一个实验性的 API,请尽量不要在生产环境中使用它。 DOMSettableTokenList  
HTMLElement.itemId 这是一个实验性的 API,请尽量不要在生产环境中使用它。 DOMString  
HTMLElement.itemRef 只读 这是一个实验性的 API,请尽量不要在生产环境中使用它。 DOMSettableTokenList  
HTMLElement.itemProp 只读 这是一个实验性的 API,请尽量不要在生产环境中使用它。 DOMSettableTokenList  
HTMLElement.itemValue 这是一个实验性的 API,请尽量不要在生产环境中使用它。 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 只读 这是一个实验性的 API,请尽量不要在生产环境中使用它。 HTMLPropertiesCollection  
HTMLElement.spellcheck Boolean (en-US)  
HTMLElement.style CSSStyleDeclaration 获取/设置元素的style属性
HTMLElement.tabIndex 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 This API has not been standardized.
Returns the event handling code for the touchstart (en-US) event.
HTMLElement.onTouchEnd This API has not been standardized.
Returns the event handling code for the touchend (en-US) event.
HTMLElement.onTouchMove This API has not been standardized.
Returns the event handling code for the touchmove (en-US) event.
HTMLElement.onTouchEnter This API has not been standardized.
Returns the event handling code for the touchenter event.
HTMLElement.onTouchLeave This API has not been standardized.
Returns the event handling code for the touchleave event.
HTMLElement.onTouchCancel This API has not been standardized.
Returns the event handling code for the touchcancel (en-US) event.

方法

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

Name & Arguments Return Description
HTMLElement.blur() void 元素失去焦点
HTMLElement.click() void 触发元素的点击事件
HTMLElement.focus() void 元素获得焦点
HTMLElement.forceSpellCheck() 这是一个实验性的 API,请尽量不要在生产环境中使用它。 void  

规范

Specification Status Comment
CSS Object Model (CSSOM) View Module
HTMLElement
Working Draft

添加如下属性:

offsetParentoffsetTopoffsetLeftoffsetWidthoffsetHeight

HTML Living Standard
HTMLElement
Living Standard

添加如下属性:

translateitemScopeitemTypeitemIditemRefitemPropproperties,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() 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() 这是一个实验性的 API,请尽量不要在生产环境中使用它。 未实现 未实现 未实现 未实现 未实现
dataset 6.0 (6.0) 8.0 11 11.10 6
draggable (Yes) ? ? 12.0 ?
dropzone 未实现 未实现 未实现 12.0 未实现
offsetLeft, offsetTop, offsetParent, offsetHeight and offsetWidth 这是一个实验性的 API,请尽量不要在生产环境中使用它。 (Yes) ? (Yes) ? ?
translate 这是一个实验性的 API,请尽量不要在生产环境中使用它。 未实现 未实现 未实现 未实现 未实现
itemScope, itemType, itemRef, itemId, itemProp, and itemValue 这是一个实验性的 API,请尽量不要在生产环境中使用它。 6.0 (6.0) 未实现 未实现 11.60
(Removed in Opera 15)
未实现
properties 这是一个实验性的 API,请尽量不要在生产环境中使用它。 (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)

 

还可以查看以下内容: