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

Question

如何使用 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;
    }
...

Answer 1

[] are not valid characters in ID attributes在 HTML4.01 中。然而，即使在 HTML5 中，您也应该使用 name 属性(没有数字索引)，然后使用 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 属性的元素，这些元素的值与 getElementsByName() 中指定的名称相同。 IE 也可能返回具有相同值的名称属性的非输入元素。