4.5.3 HTML文档的节点

在DOM下，HTML文档的各个节点被视为各种类型的Node对象。每个Node对象都有自己的属性和方法，利用这些属性和方法可以遍历整个文档树。由于HTML文档的复杂性，DOM定义了nodeType来表示节点的类型。表4-11列出了Node常用的几种节点类型。

表4-11 Node常用的几种节点类型

^接^口	^nodeType^常量	^nodeType^值	^备^注
^Element	^{Node.ELEMENT_NODE}	¹	^元素节点
^Text	^{Node.TEXT_NODE}	³	^文本节点
^Document	^{Node.DOCUMENT_NODE}	⁹	^document
^Comment	^{Node.COMMENT_NODE}	⁸	^{注释的文本}
^{DocumentFragment}	^{Node.DOCUMENT_FRAGMENT_NODE}	¹¹	^document^片断
^Attr	^{Node.ATTRIBUTE_NODE}	²	^节点属性

每个Node对象都有nodeType属性，它用来指定该节点的类型。例如，一个节点的nodeType属性等于Node.ELEMENT_NODE，则代表该节点为Element类型，可以将其作为Element对象，使用Element对象的属性和方法进行相关操作。

DOM树的根节点是个Document对象，该对象的documentElement属性引用表示文档根元素的Element对象（对于HTML文档，这个就是<html>标记）。Javascript操作HTML文档时，document便指向整个文档，<body>、<table>等节点类型即为Element。Comment类型的节点则是指文档的注释。具体节点类型的含义，请参考《Javascript权威指南》，在此不再赘述。

Document定义的方法大多数是生产型方法，主要用于创建可以插入文档中各种类型的节点。常用的Document方法如表4-12所示。

表4-12 Document常用的方法

^方^法	^描^述
^{createAttribute()}	^{用指定的名字创建新的}^Attr^节点
^{createComment()}	^{用指定的字符串创建新的}^Comment^节点
^{createElement()}	^{用指定的标记名创建新的}^Element^节点
^{createTextNode()}	^{用指定的文本创建新的}^TextNode^节点
^{getElementById()}	^{返回文档中具有指定}^id^属性的^Element^节点
^{getElementsByTagName()}	^{返回文档中具有指定标记名的所有}^Element^节点

对于Element节点，可以通过调用getAttribute()、setAttribute()、removeAttribute()方法来查询、设置或者删除一个Element节点的性质，比如<table>标记的border属性。表4-13、表4-14分别列出了Element常用的属性和方法。

表4-13 Element常用的属性

^属^性	^描^述
^tagName	^{元素的标记名称，比如}^<p>^元素为^P^。^HTML^{文档返回的}^tabName^均为大写

表4-14 Element常用的方法

^方^法	^描^述
^{getAttribute()}	^{以字符串形式返回指定属性的值}
^{getAttributeNode()}	^以^Attr^{节点的形式返回指定属性的值}
^{getElementsByTabName()}	^返回一个^Node^{数组，包含具有指定标记名的所有}^Element^节点^{的子孙节点，其顺序为在文档中出现的顺序}
^{hasAttribute()}	^{如果该元素具有指定名字的属性，则返回}^true
^{removeAttribute()}	^{从元素中删除指定的属性}
^{removeAttributeNode()}	^{从元素的属性列表中删除指定的}^Attr^节点
^{setAttribute()}	^{把指定的属性设置为指定的字符串值，如果该属性不存在则添加一个新属性}
^{setAttributeNode()}	^把指定的^Attr^{节点添加到该元素的属性列表中}

Attr对象代表文档元素的属性，有name、value等属性，可以通过Node接口的attributes属性或者调用Element接口的getAttributeNode()方法来获取。不过，在大多数情况下，使用Element元素属性的最简单方法是getAttribute()和setAttribute()两个方法，而不是Attr对象。

【查看所有评论(0)条】

当前章节:4.5.3 HTML文档的节点

·4.5 DOM

·4.5.1 DOM与Ajax

·4.5.2 DOM眼中的HTML文档——树

·4.5.4 使用DOM操作HTML文档(1)

·4.5.4 使用DOM操作HTML文档(2)

·4.5.5 使用DOM操作XML文档

Ajax开发精要——概念、案例与框架

当前章节:4.5.3 HTML文档的节点

4.5.3 HTML文档的节点

最近评论

热点评论

当前章节:4.5.3 HTML文档的节点

同类图书推荐