HTML DOM Element 對象
HTML DOM 節(jié)點(diǎn)
在 HTML DOM （文檔對象模型）中，每個部分都是節(jié)點(diǎn)：
- 文檔本身是文檔節(jié)點(diǎn)
- 所有 HTML 元素是元素節(jié)點(diǎn)
- 所有 HTML 屬性是屬性節(jié)點(diǎn)
- HTML 元素內(nèi)的文本是文本節(jié)點(diǎn)
- 注釋是注釋節(jié)點(diǎn)
Element 對象
在 HTML DOM 中，Element 對象表示 HTML 元素。
Element 對象可以擁有類型為元素節(jié)點(diǎn)、文本節(jié)點(diǎn)、注釋節(jié)點(diǎn)的子節(jié)點(diǎn)。
NodeList 對象表示節(jié)點(diǎn)列表，比如 HTML 元素的子節(jié)點(diǎn)集合。
元素也可以擁有屬性。屬性是屬性節(jié)點(diǎn)（參見下一節(jié)）。
瀏覽器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有瀏覽器都支持 Element 對象和 NodeList 對象。
屬性和方法
下面的屬性和方法可用于所有 HTML 元素上：
| 屬性 / 方法 | 描述 |
|---|---|
| element.accessKey | 設(shè)置或返回元素的快捷鍵。 |
| element.appendChild() | 向元素添加新的子節(jié)點(diǎn)，作為最后一個子節(jié)點(diǎn)。 |
| element.attributes | 返回元素屬性的 NamedNodeMap。 |
| element.childNodes | 返回元素子節(jié)點(diǎn)的 NodeList。 |
| element.className | 設(shè)置或返回元素的 class 屬性。 |
| element.clientHeight | 返回元素的可見高度。 |
| element.clientWidth | 返回元素的可見寬度。 |
| element.cloneNode() | 克隆元素。 |
| element.compareDocumentPosition() | 比較兩個元素的文檔位置。 |
| element.dir | 設(shè)置或返回元素的文本方向。 |
| element.firstChild | 返回元素的首個子。 |
| element.getAttribute() | 返回元素節(jié)點(diǎn)的指定屬性值。 |
| element.getAttributeNode() | 返回指定的屬性節(jié)點(diǎn)。 |
| element.getElementsByTagName() | 返回?fù)碛兄付?biāo)簽名的所有子元素的集合。 |
| element.getFeature() | 返回實(shí)現(xiàn)了指定特性的 API 的某個對象。 |
| element.getUserData() | 返回關(guān)聯(lián)元素上鍵的對象。 |
| element.hasAttribute() | 如果元素?fù)碛兄付▽傩�，則返回true，否則返回 false。 |
| element.hasAttributes() | 如果元素?fù)碛袑傩�，則返回 true，否則返回 false。 |
| element.hasChildNodes() | 如果元素?fù)碛凶庸?jié)點(diǎn)，則返回 true，否則 false。 |
| element.id | 設(shè)置或返回元素的 id。 |
| element.innerHTML | 設(shè)置或返回元素的內(nèi)容。 |
| element.insertBefore() | 在指定的已有的子節(jié)點(diǎn)之前插入新節(jié)點(diǎn)。 |
| element.isDefaultNamespace() | 如果指定的 namespaceURI 是默認(rèn)的，則返回 true，否則返回 false。 |
| element.isEqualNode() | 檢查兩個元素是否相等。 |
| element.isSameNode() | 檢查兩個元素是否是相同的節(jié)點(diǎn)。 |
| element.isSupported() | 如果元素支持指定特性，則返回 true。 |
| element.lang | 設(shè)置或返回元素的語言代碼。 |
| element.lastChild | 返回元素的最后一個子元素。 |
| element.namespaceURI | 返回元素的 namespace URI。 |
| element.nextSibling | 返回位于相同節(jié)點(diǎn)樹層級的下一個節(jié)點(diǎn)。 |
| element.nodeName | 返回元素的名稱。 |
| element.nodeType | 返回元素的節(jié)點(diǎn)類型。 |
| element.nodeValue | 設(shè)置或返回元素值。 |
| element.normalize() | 合并元素中相鄰的文本節(jié)點(diǎn)，并移除空的文本節(jié)點(diǎn)。 |
| element.offsetHeight | 返回元素的高度。 |
| element.offsetWidth | 返回元素的寬度。 |
| element.offsetLeft | 返回元素的水平偏移位置。 |
| element.offsetParent | 返回元素的偏移容器。 |
| element.offsetTop | 返回元素的垂直偏移位置。 |
| element.ownerDocument | 返回元素的根元素（文檔對象）。 |
| element.parentNode | 返回元素的父節(jié)點(diǎn)。 |
| element.previousSibling | 返回位于相同節(jié)點(diǎn)樹層級的前一個元素。 |
| element.removeAttribute() | 從元素中移除指定屬性。 |
| element.removeAttributeNode() | 移除指定的屬性節(jié)點(diǎn)，并返回被移除的節(jié)點(diǎn)。 |
| element.removeChild() | 從元素中移除子節(jié)點(diǎn)。 |
| element.replaceChild() | 替換元素中的子節(jié)點(diǎn)。 |
| element.scrollHeight | 返回元素的整體高度。 |
| element.scrollLeft | 返回元素左邊緣與視圖之間的距離。 |
| element.scrollTop | 返回元素上邊緣與視圖之間的距離。 |
| element.scrollWidth | 返回元素的整體寬度。 |
| element.setAttribute() | 把指定屬性設(shè)置或更改為指定值。 |
| element.setAttributeNode() | 設(shè)置或更改指定屬性節(jié)點(diǎn)。 |
| element.setIdAttribute() | |
| element.setIdAttributeNode() | |
| element.setUserData() | 把對象關(guān)聯(lián)到元素上的鍵。 |
| element.style | 設(shè)置或返回元素的 style 屬性。 |
| element.tabIndex | 設(shè)置或返回元素的 tab 鍵控制次序。 |
| element.tagName | 返回元素的標(biāo)簽名。 |
| element.textContent | 設(shè)置或返回節(jié)點(diǎn)及其后代的文本內(nèi)容。 |
| element.title | 設(shè)置或返回元素的 title 屬性。 |
| element.toString() | 把元素轉(zhuǎn)換為字符串。 |
| nodelist.item() | 返回 NodeList 中位于指定下標(biāo)的節(jié)點(diǎn)。 |
| nodelist.length | 返回 NodeList 中的節(jié)點(diǎn)數(shù)。 |