Javascript：获取 id 为 id[x] 的所有元素

使用 javascript 如何获取 id 为 id[x] 的元素数量？

示例 HTML：

<input name="vrow[0]" id="vrow[0]" value="0" type="text"/>
<input name="vrow[1]" id="vrow[1]" value="0" type="text"/>
<input name="vrow[2]" id="vrow[2]" value="0" type="text"/>
<input name="vrow[3]" id="vrow[3]" value="0" type="text"/>

上面的html是根据用户输入生成的。如何使用 javascript 检测存在多少个元素？

目前我可以检测到这样的元素的存在

示例 JavaScript

if(document.getElementById('vrow[0]')){
var row=0;
    }
if(document.getElementById('vrow[1]')){
row=1;
    }
...

[] ID 属性中的字符无效 http://www.w3.org/TR/REC-html40/types.html#type-name在 HTML4.01 中。然而，即使在 HTML5 中，您也应该使用 name 属性（不带数字索引），然后使用按名称获取元素() https://developer.mozilla.org/en/DOM/document.getElementsByName:

<input name="vrow" value="0" type="text"/>
<input name="vrow" value="0" type="text"/>
<input name="vrow" value="0" type="text"/>
<input name="vrow" value="0" type="text"/>

var vrows = document.getElementsByName("vrow");
alert(vrows.length);

请注意，旧版本的 IE 和 Opera 可能会返回带有以下内容的元素id与指定名称具有相同值的属性按名称获取元素()。 IE 还可能返回具有相同值的 name 属性的非输入元素。