Javascript访问html页面的控件的方法详细分析
访问控件的主要对象是:document对象并且提供了几个主要方法来访问对象。
1. Var obj = document.getElementById("id");//根据控件id获取该控件
2. Var obj = document.getElementsByName(“Name”);//根据Name属性的值获取对象集合。返回name等于指定Name对象的集合。注意这里返回的是一个集合,包括只 有一个元素的情况也是一个集合。
document.getElementsByName("name")[0] 这样来获取第一个元素。
3. Var ojbs=document.getElementsByTagName(“Tag”)根据基于指定元素名称对象的集合。返回Tag属性等于指定Tag标记的集合。这里也返回的是一个集合。(同上)
4. document.all是页面内所有元素的一个集合。
例如:
var obj = document.all(0)表示页面的第一个元素。
var obj = document.all(“txt”)表示页面上id或name等于txt的所有对象的单个元素和集合元素。也可以写成var obj = document .all.txt;
5. var obj = document.form1.test;//获取form1表单中的控件
<form name="form1">
<input type="text" id = "test" name="test">
</form>