HTML DOM 定义了访问和操作HTML文档的标准方法。
HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树)。
[img]http://www.w3school.com.cn/i/ct_htmltree.gif[/img]
根据 DOM,HTML 文档中的每个成分都是一个节点。
DOM 是这样规定的:
整个文档是一个文档节点
每个 HTML 标签是一个元素节点
包含在 HTML 元素中的文本是文本节点
每一个 HTML 属性是一个属性节点
注释属于注释节点
HTML DOM 节点信息
节点信息
每个节点都拥有包含着关于节点某些信息的属性。这些属性是
:
nodeName(节点名称)
nodeValue(节点值)
nodeType(节点类型)
nodeName
nodeName 属性含有某个节点的名称。
元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释:nodeName 所包含的 XML 元素的标签名称永远是大写的
nodeValue
对于文本节点,nodeValue 属性包含文本。
对于属性节点,nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
nodeType
nodeType 属性可返回节点的类型
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9
查找并访问节点
你可通过若干种方法来查找您希望操作的元素:
[color=blue] 1.通过使用 getElementById() 和 getElementsByTagName() 方法
2. 通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性 [/color]
HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树)。
[img]http://www.w3school.com.cn/i/ct_htmltree.gif[/img]
根据 DOM,HTML 文档中的每个成分都是一个节点。
DOM 是这样规定的:
整个文档是一个文档节点
每个 HTML 标签是一个元素节点
包含在 HTML 元素中的文本是文本节点
每一个 HTML 属性是一个属性节点
注释属于注释节点
HTML DOM 节点信息
节点信息
每个节点都拥有包含着关于节点某些信息的属性。这些属性是
:
nodeName(节点名称)
nodeValue(节点值)
nodeType(节点类型)
nodeName
nodeName 属性含有某个节点的名称。
元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释:nodeName 所包含的 XML 元素的标签名称永远是大写的
nodeValue
对于文本节点,nodeValue 属性包含文本。
对于属性节点,nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
nodeType
nodeType 属性可返回节点的类型
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9
查找并访问节点
你可通过若干种方法来查找您希望操作的元素:
[color=blue] 1.通过使用 getElementById() 和 getElementsByTagName() 方法
2. 通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性 [/color]