现在的位置: 首页 > 综合 > 正文

DOM常用技术

2012年01月13日 ⁄ 综合 ⁄ 共 714字 ⁄ 字号 评论关闭

1、DOM:文档对象模型,是表示文档(如HTML文档)和访问、操作构成文档的各种元素(如HTML标记和文本串)的应用程序接口(API)。

 

2、在DOM中,文档的层次结构被表示成一颗倒立的树,树根在下,树叶在下,树节点表示文档中的内容。其中,DOM树的根节点是哥Document对象,该对象的documentElement属性引用表示文档根元素的Element对象。对于HTML文档,表示文档根元素的Element对象是<html>标记,<head>和<body>元素是树的枝干。

 

3、获取文档中的指定元素

有两种直接搜索文档中指定元素的方法:通过元素ID属性获取元素和通过元素的name属性获取元素

1)通过元素ID属性获取元素

使用document对象的getElementsById()方法可以通过元素的ID属性获取元素。例如,获取文档中id属性为useId的节点的代码如下:

document.getElementsById("useId");

2)通过元素的name属性获取元素

使用document对象的getElementsByName()方法可以通过元素的name属性获取元素。例如,获取文档中name属性值为userName的节点代码如下:

document.getElementsByName("userName");

两者的区别:

getElementsByName()方法返回值为一个数组,getElementsById()方法返回的是一个元素。如果想通过name属性获取页面中唯一的元素,可以通过获取返回数组中下标为0的元素进行获取。如:

document.getElementsByName("userName")[0];

抱歉!评论已关闭.