javascript - 如何通过 getElementsByName 访问多个文本框

Question

我在html中编写了以下代码:

<input type="text" id="id_1" name="text_1">
<input type="text" id="id_2" name="text_2">
<input type="text" id="id_3" name="text_3">

这里我必须在javascript函数中获取数组中所有id以“id”开头的文本框。因此，我可以在数组中获取以上两个文本框。

如何获取所有id以“id”开头的textBox？

Answer 1

var nodeList = document.querySelector("input[name^='text_'")

对于您的目的来说，nodeList 应该足够像一个数组。

请注意support for querySelector可能不足以满足您的目的(您需要 getElementsByTagName 然后在循环中过滤结果)。

或者，您可以使用提供自己的选择器引擎的库。在 YUI 3 中你可以:

var listOfYUIObjects = Y.all("input[name^='text_'");

Mootools、Prototype、jQuery 和许多其他库提供类似的功能。