document.elements.length的一个bug

来源:互联网 发布:美工常用网站 编辑:程序博客网 时间:2024/06/13 11:18
页面中有多个NAME属性相同的INPUT元素,接收参数时候如何获取这些元素对象的value?
<html>
<head>
<script>
function check(){
var es=document.forms["myform"].elements["text1"].length;
if ( (typeof es) == 'undefined' )
es = 1;
var e=document.forms["myform"].elements["text1"];
for(i=0;i<es;i++){
alert(e[i].value);
}
}
</script>
</head>
<body>
<form name="myform">
<input type=text name=text1 value=1>
<input type=text name=text1 value=2>
<input type=text name=text1 value=3>
<input type=text name=text1 value=4>
<input type=text name=text1 value=5>
<input type=button onclick=check()>
</form>
</body>
</html>
 
【注意】var es=document.forms["myform"].elements["text1"].length;如果name为text1的元素只有一个的时候
document.forms["myform"].elements["text1"].length会是undefined,这其实是一个bug。
不过可以稍做处理,以满足正常的要求。即
if ( (typeof es) == 'undefined' )
es = 1;
这样就OK了,这里暂且不考虑name为text1的元素不存在的情况。
原创粉丝点击