DOM获取节点的三种常用方法

Dom

对象的常用方法：

(1)getElementById()

查询给定

ID

属性值的元素，返回该元素的元素节点< /p>

1

、

查询给定

ID

属性值的元素，返回该元素的 元素节点。也称为元素

对象。

2

、

因为在一个

html

页面中

id

的值是唯一的，所以返回值也是唯一

的。所以方法 的名称为

getElementById()

而不是

3

、

该方法只能用于

document

对象，类 似与

java

的

static

关键字。

(2)getElementsByName()

查找给定

属性的所有元素，这个方法将返回一

个节 点集合，也可以称为对象集合

< /p>

1

、查找给定

name

< br>属性的所有元素，这个方法将返回一个节点集合，也

可以称为对象集合。

2

、这个集合可以作为数组来对待，

length

属性的值表示集合的个数。

3

、因为 在

html

页面中，

name

不能唯一确定一个元素，所以方法的名

称为

ge tElementsByName

而不是

getElement ByName

(3)getEl ementsByTagName()

查询给定标签名的所有元素

1

、查询给定标签名的所有元素

2

、

因为在

htm l

页面中，

标签名不是唯一的，

所以返 回值为节点的集合。

3

、这个 集合可以当做数组来处理

,length

属性为集合里所有元素 的个数

4

、可以有两种形式来执行这个方法：

1

、

var

elements

=mentsByTagName(tagName);

2

、

var

elements

=

mentsByTagName(tagName);

5

、从这两种方法可以看出持有这个方法的对象并不一定是整个文档对

象

(document).

也可以是某一个元素节点。

(4)hasC hildNodes()

该方法用来判断一个元素是否有子节点

,

返回值为

true

或

者

false

1

、该方法用来判断一个元素是否有子节点

2

、返回值为

true

或者

false

3

、

文本节 点和属性节点不可能再包含子节点，

所以对于这两类节点使用

ChildNodes()

方法

返回值永远为

false.

4

、

如果

hasChildNodes()< /p>

返回值为

false,

则

childNodes,firstChild,lastChild

将为空数 组或者空字符串。

(5)nodeName

1.

如果节点是元素节点，

nodeName

返回元素的名称

2.

如果给定节点为属性节