HTML DOM 屬性 對象
HTML DOM 節點
在 HTML DOM (Document Object Model) 中, 所有的都是 節點：
文檔是文檔節點
所有 HTML 元素是元素節點
所有 HTML 屬性都是屬性節點
插入到 HTML 元素中的文本為文本節點
注釋是注釋節點
Attr 對象
在 HTML DOM 中, Attr 對象 代表一個 HTML 屬性。
HTML屬性總是屬於HTML元素。
NamedNodeMap 對象
在 HTML DOM 中, the NamedNodeMap 對象 表示一個無順序的節點列表。
我們可通過節點名稱來訪問 NamedNodeMap 中的節點。
瀏覽器支持
所有主流瀏覽器都支持 Attr 對象和 NamedNodeMap 對象。
| 屬性 / 方法 | 描述 |
|---|---|
| attr.isId | 如果屬性是 ID 類型，則 isId 屬性返回 true，否則返回 false。 |
| attr.name | 返回屬性名稱 |
| attr.value | 設置或者返回屬性值 |
| attr.specified | 如果屬性被指定返回 true ，否則返回 false |
| nodemap.getNamedItem() | 從節點列表中返回的指定屬性節點。 |
| nodemap.item() | 返回節點列表中處於指定索引號的節點。 |
| nodemap.length | 返回節點列表的節點數目。 |
| nodemap.removeNamedItem() | 刪除指定屬性節點 |
| nodemap.setNamedItem() | 設置指定屬性節點(通過名稱) |
DOM 4 警告 !!!
在 W3C DOM 內核中, Attr (屬性) 對象繼承節點對象的所有屬性和方法 。
在 DOM 4 中, Attr (屬性) 對象不再從節點對象中繼承。
從長遠的代碼質量來考慮，在屬性對象中你需要避免使用節點對象屬性和方法:
| 屬性 / 方法 | 避免原因 |
|---|---|
| attr.appendChild() | 屬性沒有子節點 |
| attr.attributes | 屬性沒有屬性 |
| attr.baseURI | 使用 document.baseURI 替代 |
| attr.childNodes | 屬性沒有子節點 |
| attr.cloneNode() | 使用 attr.value 替代 |
| attr.firstChild | 屬性沒有子節點 |
| attr.hasAttributes() | 屬性沒有屬性 |
| attr.hasChildNodes | 屬性沒有子節點 |
| attr.insertBefore() | 屬性沒有子節點 |
| attr.isEqualNode() | 沒有意義 |
| attr.isSameNode() | 沒有意義 |
| attr.isSupported() | 通常為 true |
| attr.lastChild | 屬性沒有子節點 |
| attr.nextSibling | 屬性沒有兄弟節點 |
| attr.nodeName | 使用 attr.name 替代 |
| attr.nodeType | 通常為 2 (ATTRIBUTE-NODE) |
| attr.nodeValue | 使用 attr.value 替代 |
| attr.normalize() | 屬性沒有規範 |
| attr.ownerDocument | 通常為你的 HTML 文檔 |
| attr.ownerElement | 你用來訪問屬性的 HTML 元素 |
| attr.parentNode | 你用來訪問屬性的 HTML 元素 |
| attr.previousSibling | 屬性沒有兄弟節點 |
| attr.removeChild | 屬性沒有子節點 |
| attr.replaceChild | 屬性沒有子節點 |
| attr.textContent | 使用 attr.value 替代 |
※HTML DOM Document 對象
※HTML DOM 元素對象
※Window 對象
※Navigator 對象
※Screen 對象
TAG:程序員小新人學習 |
※DTD 的屬性
※帶潮流屬性的「肯德基」！HUMAN MADE x KFC登場
※HTML5屬性a標籤ping被用於DDOS攻擊，QQ瀏覽器被波及
※OPPO Find X的手機殼美極了，具有最強的DIY屬性！
※KPL皇城pk，BA和RNGM互秀「名刀」屬性，sk想居居了
※相對HTML4，HTML5中新增的6大表單屬性，你掌握了幾個？
※XSD的 屬性
※VR版守望先鋒來襲，FPS/MOBA屬性一應俱全
※Block.one 推出具有遊戲屬性的EOSIO區塊鏈教程
※ATTEMPT 梁棟：原創泛指意識，國潮是更具體的屬性
※CFXM8-A怎麼樣 CFXM8-A屬性評測
※前輩fAmber開直播 舍友屬性竟是EXO-L
※時尚潮流屬性，OPPO R17 Pro獲消費者熱捧
※Python列印對象的全部屬性
※丹華MD Dovey Wan：當下區塊鏈投資的四個方向和三個屬性
※少女心與吃貨屬性一起爆棚——NUNU S HOUSE精美娃屋道具
※試駕榮威MARVEL X 挖掘這款「智能新物種」的隱藏屬性
※榮耀HONOR Watch「外觀」首曝，或擁有迷人的運動外形及續航屬性
※DNF：B套改版前後的屬性對比
※因為 Supreme，太多人忽略了 TNF 科班出身的專業屬性