访问DOM节点

时间:2010-08-12 18:29:38

标签: javascript dom

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

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

2 个答案:

答案 0 :(得分:4)

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

在此列表中,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

答案 1 :(得分: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