获取控件引用的方法

翻译|其它|编辑:郝浩|2007-09-14 10:00:58.000|阅读 765 次

概述:

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

<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"]//如果有多个输入元素,返回的是数组,但只有一个控件时返回只时对改控件的引用,不是数组.


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:csdn

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP