訪問DOM節點

Question

僅使用DOM API，我可以訪問節點的所有不同方式是什麼？

例如，我知道我可以撥打document.getElementById("header");。我想要一個訪問此節點的完整列表。

Answer 1

「訪問」可以有兩種形式。屬性和方法。

在這個列表中，m是一個節點對象（HTML元素）。 一些特性：

• m.innerHTML - 文本
• m.nodeName -the名
• m.nodeValue - 價值
• m.parentNode - 父節點
• m.childNodes - 子節點
• m.attributes - 屬性節點

一些方法：

• m.getElementById（ID） - 與ID的元素
• m.getElementsByTagName（名稱） - 獲得由標籤名
• m.appendChild（節點）的所有元素 - 插入子節點到m
• m.removeChild（節點） - 由間

刪除的子節點的一些 「特殊」 的人：

• document.documentElement中 - 的文檔根節點
• document.body的 - 直接進入體元素標籤

注意：還有其他proporties如。長度等用於特定用途時適用。

編輯：甲參照說明書可以在這裏找到：http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html

EDIT2：一個參考電平1 HTML規範這裏：http://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html

EDIT3：完整的ECMA腳本結合：http://www.w3.org/TR/REC-DOM-Level-1/ecma-script-language-binding.html

Answer 2

以下列表包含可用於訪問節點的集合，屬性和方法。它們中的一些是特定於元素的，其中一些是每個元素的成員，其中一些僅通過文檔對象可用。

類別： 所有，錨，小程序，領域，細胞的childNodes，兒童，元素，嵌入，表格，框架，圖像，鏈接，期權，行，腳本，tBodies

屬性： 體，標題，文檔，documentElement，則firstChild，firstElementChild，frameElement，lastChild，lastElementSibling，nextElementSibling，nextSibling，offsetParent，ownerDocument，parentElement，parentNode，previousElementSibling，previousSibling，tFoot中，的tHead

方法： 的getElementById，getElementsByClassName方法，getElementsByName，的getElementsByTagName，getElementsByTagNameNS

你可以在這裏找到更多的細節和例子： Element handling objects, properties and methods in JavaScript