获取控件引用的方法.

来源:互联网 发布:mac能玩steam游戏吗 编辑:程序博客网 时间:2024/06/02 09:09


<html>
<head>
<title>Document.all
</title>
</head>
<body>
<form>
<table>

<tr><td></td></tr>
<tr>
<td>aaa:<input type="text" name="aaa" value="00000"></td>
</tr>
<tr>
<td>aaa:<input type="text" name="aaa"></td>
</tr>
<tr>
<td>aaa:<input type="text" name="aaa"></td>
</tr>
<tr>
<td>aaa:<input type="text" name="aaa"></td>
</tr>
<tr>
<td><select>
<option value="1">aaaa</option>
<option value="2">bbbb</option>
</select>
</td>
</tr>
<tr><td>bbb:<input type="text" name="bbb" value="bbbb"></td></tr>
<tr>
<td><input type="button" value="BUTTON"></td>
</tr>
</table>
</form>
</body>
</html>

<script>
alert("============="+document.all.length);
var allEle=document.all["aaa"];
//var allEle=document.all.tags("input");
alert("___"+allEle.length);
for(i=0;i<allEle.length;i++){
 //alert(allEle[i].tagName);
}

 

//表單中的所有輸入元素
var allIn=document.forms[0].elements;
alert("所有的輸入元素數:"+allIn.length);
//表單中名稱為aaa的所有輸入元素,
//如果表單中的直有一個名稱為bbb輸入元素,那document.forms[0].elements("bbb").length將返回undefined
var allNameByAAA=document.forms[0].elements["bbb"];
//var allNameByAAA=document.forms[0].elements["bbb"];
//var allNameByAAA=document.forms[0].elements("aaa");
//var allNameByAAA=document.forms[0].elements("bbb");
alert("allNameByAAA.length="+allNameByAAA.length);
alert("undefinde==null?"+(undefined==null));


alert(document.getElementsByName("bbb").length);

</script> 

 

document.all.tags("input")//返回所有input类型引用,也是返回数组

document.getElementsByName("bbb")//返回总是个数组

document.all["bbb"]//个人认为与上面一样

document.forms[0].elements["bbb"]//如果有多个输入元素,返回的是数组,但只有一个控件时返回只时对改控件的引用,不是数组.