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

添加如下属性:

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 初始定义

浏览器兼容性

BCD tables only load in the browser

 

还可以查看以下内容: