2010-08-12 97 views
3

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

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

回答

4

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

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

+0

注意不是所有的implimentations支持所有的方法或属性。 – 2010-08-12 19:14:06

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