您的位置：首页 > 其它

document.elements.length的一个bug

2012-07-19 16:13 155 查看

页面中有多个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的元素不存在的情况。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航