访问DOM节点

Question

仅使用DOM API，我可以访问节点的所有不同方式是什么？

例如，我知道我可以致电document.getElementById("header");。我想要一个完整的访问此节点的方法列表。

Answer 1

“访问”可以有两种形式。属性和方法。

在此列表中，m是节点对象（HTML元素）。 一些属性：

• m.innerHTML - 文字
• m.nodeName-名称
• m.nodeValue - 值
• m.parentNode - 父节点
• m.childNodes - 子节点
• m.attributes - 属性节点

一些方法：

• m.getElementById（id） - id为
的元素
• m.getElementsByTagName（name） - 按标记名称获取所有元素
• m.appendChild（node） - 将子节点插入m
• m.removeChild（node） - 从m
中删除子节点

一些“特殊”的：

• document.documentElement - 文档的根节点
• document.body - 直接访问body元素标记

注意：在适用的情况下，还有其他比例，如.length等特定用途。

编辑：可以在此处找到对规范的引用：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

以下列表包含可用于访问节点的集合，属性和方法。其中一些是特定于元素的，其中一些是每个元素的成员，其中一些只能通过文档对象获得。

类别： 所有，锚点，小程序，区域，单元格，子节点，子项，元素，嵌入，表单，框架，图像，链接，选项，行，脚本，tBodies

属性： body，caption，document，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