DOM笔记（三）：Element接口和HTMLElement接口

一、Element接口

     Element接口表示一个元素，该接口扩展自Node接口，自然继承了Node接口的属性和方法，也有一套针对元素的属性和方法。

     Element接口常见的属性比较少，常用的就是一个只读的tagName属性，该属性返回元素名，数据类型是DOMString。

     Element接口定义的方法也主要是针对属性操作，常见方法如下：

方法名数据类型说明getAttributeDOMString返回对应属性getAttributeNodeAttr返回对应属性节点getAttributeNodeNSAttr返回属性命名空间getAttributeNSDOMString返回对应属性节点getElementsByTagNameNodeList节点名获取元素列表getElementsByTagNameNSNodeList根据指定空间内的标签名搜索所有元素hasAttributeBoolean判断属性是否存在hasAttributeNSBoolean判断属性是否存在removeAttributevoid删除属性removeAttributeNodeAttr删除属性removeAttributeNSvoid删除属性setAttributevoid添加属性setAttributeNodeAttr添加属性节点setAttributeNodeNSAttr添加属性节点setAttributeNSvoid添加属性

 

二、HTMLElement接口

       该接口继承自Element接口，同样用于表示一个HTML元素，拥有自定义的属性和方法。

       1、属性列表

属性名数据类型只读说明innerHTMLDOMString
获取或设置HTML内容outerHTMLDOMString
设置或获取对象的纯文本形式idDOMString
对应元素的id属性titleDOMString
对应元素的title属性langDOMString
对应元素的lang属性dirDOMString
对应元素的dir属性classNameDOMString
对应元素的class属性classListDOMTokeListY返回元素的class属性作为DOMTokenList对象datasetDOMStringMapY返回自定义的data-*属性集合hiddenBoolean
对应元素的hidden属性tabIndexlong
对应元素的tabIndex属性accessKeyDOMString
对应元素的accessKey属性accessKeyLabelDOMStringY返回热键组合draggableBoolean
对应元素的draggable属性contentEditableDOMString
对应元素的contentEditable属性isContentEditableBooleanY判断元素是否可用编辑contextMenuHTMLMenuElement
对应元素的contextMenu属性spellcheckDOMString
对应元素的spellcheck属性commandTypeDOMStringY对应元素的commandType属性labelDOMStringY对应元素的label属性iconDOMStringY对应元素的icon属性disabledBooleanY对应元素的disabled属性checkedBooleanY对应元素的checked属性styleCSSStyleDeclarationY对应元素的style属性

 

     2、方法列表

方法名数据类型说明getElementsByClassNameNodeList根据元素的class属性获取所有元素insertAdjacentHTMLvoid在指定位置插入HTML或XMLclickvoid单击元素，触发click事件scrollIntoViewvoid滚动元素内容到视点内focusvoid元素获取焦点blurvoid元素失去焦点

原文首发：http://www.ido321.com/1321.html

下一篇：DOM笔记（四）：HTML 5 DOM复杂数据类型