HTML | DOM getElementsByName() 方法

getElementsByName() 方法被用于获取一个文档中所有指定名称的HTML元素，返回的是一个dom元素对象集合，可以使用索引访问集合中的元素。

语法

以下是 getElementsByName() 方法的语法：

document.getElementsByName(name);

参数

name： 必须。指定元素的名称。

返回值:

一个HTMLCollection对象，包含有给定名称的所有元素，如果没有与给定名称匹配的元素，则返回空集合。

示例

假设我们有以下HTML代码：

<form>
  <input type="text" name="firstname" value="这是 input 元素中的 example 1"><br>
  <input type="text" name="lastname" value="这是 input 元素中的 example 2"><br>
  <textarea name="experience">这是 textarea 元素中的 example 1</textarea>
</form>

我们可以使用 getElementsByName() 方法来获取表单中所有的 input 元素和 textarea 元素。

var inputs = document.getElementsByName("lastname");
console.log(inputs[0].value);

输出：

这是 input 元素中的 example 2

注意事项

• getElementsByName() 方法返回的是一个动态的元素集合。如果在函数调用后，文档中有新的匹配的元素，它们将被包含在集合中，如果有匹配的元素被删除，它们将不再作为返回值的元素。
• getElementsByName() 方法在标签的 name 属性中区分大小写。
• 该方法返回的元素集合是一个类似数组的对象，可以像数组一样进行遍历和访问。