HTML DOM Attribute 對(duì)象
HTML DOM 節(jié)點(diǎn)
在 HTML DOM （文檔對(duì)象模型）中，每個(gè)部分都是節(jié)點(diǎn)：
- 文檔本身是文檔節(jié)點(diǎn)
- 所有 HTML 元素是元素節(jié)點(diǎn)
- 所有 HTML 屬性是屬性節(jié)點(diǎn)
- HTML 元素內(nèi)的文本是文本節(jié)點(diǎn)
- 注釋是注釋節(jié)點(diǎn)
Attr 對(duì)象
在 HTML DOM 中，Attr 對(duì)象表示 HTML 屬性。
HTML 屬性始終屬于 HTML 元素。
NamedNodeMap 對(duì)象
在 HTML DOM 中，NamedNodeMap 對(duì)象表示元素屬性節(jié)點(diǎn)的無(wú)序集合。
NamedNodeMap 中的節(jié)點(diǎn)可通過(guò)名稱或下標(biāo)來(lái)訪問(wèn)。
瀏覽器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有瀏覽器都支持 Attr 對(duì)象和 NamedNodeMap 對(duì)象。
屬性和方法
| 屬性 / 方法 | 描述 |
|---|---|
| attr.isId | 如果屬性是 id 類型，則返回 true，否則返回 false。 |
| attr.name | 返回屬性的名稱。 |
| attr.value | 設(shè)置或返回屬性的值。 |
| attr.specified | 如果已指定屬性，則返回 true，否則返回 false。 |
| nodemap.getNamedItem() | 從 NamedNodeMap 返回指定的屬性節(jié)點(diǎn)。 |
| nodemap.item() | 返回 NamedNodeMap 中位于指定下標(biāo)的節(jié)點(diǎn)。 |
| nodemap.length | 返回 NamedNodeMap 中的節(jié)點(diǎn)數(shù)。 |
| nodemap.removeNamedItem() | 移除指定的屬性節(jié)點(diǎn)。 |
| nodemap.setNamedItem() | 設(shè)置指定的屬性節(jié)點(diǎn)（通過(guò)名稱）。 |
DOM 4 警告！
在 W3C DOM Core 中，Attr (attribute) 對(duì)象從 Node 對(duì)象繼承所有屬性和方法。
在 DOM 4 中，Attr 對(duì)象不再?gòu)?Node 繼承。
為了保證未來(lái)的代碼安全，您應(yīng)該避免在屬性對(duì)象上使用節(jié)點(diǎn)對(duì)象的屬性和方法：
| 屬性 / 方法 | 避免的理由 |
|---|---|
| attr.appendChild() | 屬性沒(méi)有子節(jié)點(diǎn)。 |
| attr.attributes | 屬性沒(méi)有屬性。 |
| attr.baseURI | 使用 document.baseURI 代替。 |
| attr.childNodes | 屬性沒(méi)有子節(jié)點(diǎn)。 |
| attr.cloneNode() | 使用 attr.value 代替。 |
| attr.firstChild | 屬性沒(méi)有子節(jié)點(diǎn)。 |
| attr.hasAttributes() | 屬性沒(méi)有屬性。 |
| attr.hasChildNodes | 屬性沒(méi)有子節(jié)點(diǎn)。 |
| attr.insertBefore() | 屬性沒(méi)有子節(jié)點(diǎn)。 |
| attr.isEqualNode() | 沒(méi)有意義。 |
| attr.isSameNode() | 沒(méi)有意義。 |
| attr.isSupported() | 始終為 true。 |
| attr.lastChild | 屬性沒(méi)有子節(jié)點(diǎn)。 |
| attr.nextSibling | 屬性沒(méi)有同級(jí)節(jié)點(diǎn)。 |
| attr.nodeName | 使用 attr.name 代替。 |
| attr.nodeType | 始終為 2 (ATTRIBUTE_NODE)。 |
| attr.nodeValue | 使用 attr.value 代替。 |
| attr.normalize() | 屬性無(wú)法被正�；�。 |
| attr.ownerDocument | 始終是您的 HTML 文檔。 |
| attr.ownerElement | 這是您用來(lái)訪問(wèn)該屬性的 HTML 元素。 |
| attr.parentNode | 這是您用來(lái)訪問(wèn)該屬性的 HTML 元素。 |
| attr.previousSibling | 屬性沒(méi)有同級(jí)節(jié)點(diǎn)。 |
| attr.removeChild | 屬性沒(méi)有子節(jié)點(diǎn)。 |
| attr.replaceChild | 屬性沒(méi)有子節(jié)點(diǎn)。 |
| attr.textContent | 使用 attr.value 代替。 |