2024年6月7日发(作者：)

东北石油大学计算机与信息技术学院

李勇勇

DOM

1．DOM：Document Object Model(文本对象模型)

D：文档 – html 文档 或 xml 文档

O：对象 – document 对象的属性和方法

M：模型

DOM 是针对xml(html)的基于树的API。

DOM树:节点（node）的层次。

DOM 把一个文档表示为一棵家谱树（父，子，兄弟）

DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面

2. 节点及其类型

节点（node）：来源于网络理论，代表网络中的一个连接点。网络是由节点构成

的集合

3. Node接口的特性和方法

1

东北石油大学计算机与信息技术学院

李勇勇

4. 查找元素节点

getElementById()

寻找一个有着给定 id 属性值的元素，返回值是一个有着给定 id 属性值的元素

节点。如果不存在这样的元素，它返回 null。

var element = mentById(ID);

该方法只能用于 document 对象

getElementsByTagName()

寻找有着给定标签名的所有元素，这个方法将返回一个节点集合，这个集合可以

当作一个数组来处理。这个集合的 length 属性等于当前文档里有着给定标签名

的所有元素的总个数。

var elements = mentsByTagName(tagName);

该方法不必非得用在整个文档上。它也可以用来在某个特定元素的子节点当中寻

找有着给定标签名的元素。

var container = mentById(“content”);

var paras = mentsByTagName(“p”);

alert();

5. 查看是否存在子节点

hasChildNodes()

该方法用来检查一个元素是否有子节点，返回值是 true 或 false.

var booleanValue = ldNodes();

文本节点和属性节点不可能再包含任何子节点，所以对这两类节点使用

hasChildNodes 方法的返回值永远是 false.

如果 hasChildNodes 方法的返回值是 false，则 childNodes,firstChild,lastChild 将

是空数组和空字符串。

6. DOM 属性 – nodeName

文档里的每个节点都有以下属性。

nodeName:一个字符串，其内容是给定节点的名字。

var name = me;

如果给定节点是一个元素节点或属性节点，nodeName 属性将返回这个元素的名

字。

如果给定节点是一个文本节点，nodeName 属性将返回内容为 #text 的字符串。

nodeName 是一个只读属性。

7. DOM 属性 – nodeType

nodeType：返回一个整数，这个数值代表着给定节点的类型。

nodeType 属性返回的整数值对应着 12 种节点类型：

T_NODE (1) -- 元素节点

UTE_NODE (2) -- 属性节点

_NODE (3) -- 文本节点

…

nodeType 是个只读属性

8. DOM 属性 – nodeValue

nodeValue：返回给定节点的当前值（字符串）

如果给定节点是一个属性节点，返回值是这个属性的值。

如果给定节点是一个文本节点，返回值是这个文本节点的

2