你的位置:首页 > Java教程

[Java教程]javascript如何获取页面的元素对象


javascript如何获取页面的元素对象:
如果想用js操作一个div,那么首先要获取这个div,本章节简单介绍一下在dom元素操作中,常用的几种获取页面html元素的方法,这是基础知识,希望能够对初学者带来一定的帮助。
一.document.getElementById()函数获取:
此函数可以获取具有指定id属性值的元素对象,例如:

 

document.getElementById("theid");

 

参数值是就是元素的id属性值。
关于getElementById()函数可以参阅document.getElementById()用法详解一章节。 
二.getElementsByTagName()函数获取:
此函数可以获取指定标签的元素对象集合,例如:

 

document.getElementsByTagName("li")

 

以上代码可以获取文档中li元素对象集合,既然是集合,那就说明或许并不不止只有一个元素对象,我们可以通过使用索引获取里面的某一个对象元素,例如:

document.getElementsByTagName("li")[0];

以上代码可以获取对象集合中的第一个元素。
说明:索引值是从0开始的。
更多关于getElementsByTagName()函数可以参阅javascript的document.getElementsByTagName()一章节。
三.document.getElementsByName()函数获取:
此函数可以获取具有指定name属性值的元素,由于name属性值是可以重复的,所以此函数获取的也是一个对象集合,例如:

 

document.getElementsByName("theName")

 

以上代码可以获取name属性值为theName的对象集合,同样可以使用索引访问每一个对象,例如:

document.getElementsByName("theName")[0]

以上代码可以获取对象集合中的第一个元素。
说明:索引值是从0开始的。
更多getElementsByName()函数相关内容可以参阅getElementsByName()方法的用法一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=10912

更多内容可以参阅:http://www.softwhy.com/javascript/