document.getElementsByName()的作用

document.getElementsByName()是一个JavaScript的DOM方法，它可以通过元素的name属性来获取文档中的一个或多个元素。这个方法会返回一个NodeList对象，这个对象包含了所有符合指定name属性值的元素。这个方法在操作表单元素时非常有用，因为可以用它来获取表单中指定名称的元素，如input、select、textarea等。除此之外，也可以用这个方法来获取页面中具有相同name属性的元素。

相关问题

document.getElementsByName

document.getElementsByName＊＊＊元素集合。与之相比，document.getElementById()是另一种DOM方法，用于通过元素的id属性值获取唯一匹配的元素。

这两种方法的不同之处在于，document.getElementsByName()返回的是一个元素集合（可能包含多个元素），而document.getElementById()返回的是一个单独的元素。

在IE浏览器中，它们对于id和name的区分并不严格。也就是说，document.getElementsByName()方法在IE中也可以通过id属性值进行匹配。这是因为在IE中，元素的id属性值在DOM中也会被当作name属性值来处理。

因此，如果在IE中使用document.getElementsByName()方法并传递一个id属性值作为参数，它将返回与该id属性值匹配的元素集合，而不仅仅是根据name属性值匹配的元素集合。

请注意，这种行为可能会导致一些混淆和不一致性，因此建议在编写代码时避免在IE中使用document.getElementsByName()方法来通过id属性值获取元素。相反，应该使用document.getElementById()方法来获取唯一匹配的元素。

总结起来，document.getElementsByName()方法用于通过元素的name属性值获取匹配的元素集合，而document.getElementById()方法用于通过元素的id属性值获取唯一匹配的元素。在IE浏览器中，document.getElementsByName()方法也可以通过id属性值进行匹配，但这种行为并不被建议使用。<span class="em">1</span>
#### 引用[.reference_title]
- *1* [document.getElementsByName和document.getElementById 在IE与FF中不同实现](https://download.csdn.net/download/weixin_38609571/14005650)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

document.getElementsByName用法

`document.getElementsByName` 方法用于获取文档中所有指定名称的元素节点（如 `<input>`、`<select>`、`<textarea>` 等）。该方法返回的是一个 NodeList 对象，其中包含了所有满足条件的元素节点。

语法如下：

document.getElementsByName(name)

其中，`name` 表示要获取元素的名称。

示例代码：

<form>
  <input type="text" name="username" value="John"><br>
  <input type="text" name="email" value="john@example.com"><br>
  <input type="text" name="phone" value="123456789"><br>
  <input type="submit" value="Submit">
</form>

var inputs = document.getElementsByName("username");
console.log(inputs); // NodeList(1) [input]
console.log(inputs[0].value); // "John"

在上面的代码中，我们通过 `document.getElementsByName("username")` 获取了文档中所有名称为 `username` 的元素节点，并将结果存储在 `inputs` 变量中。由于该方法返回的是 NodeList 对象，因此我们可以通过数组索引的方式访问其中的元素节点。在本例中，我们只获取了一个元素节点，因此我们可以使用 `inputs[0]` 来获取该节点，并使用 `inputs[0].value` 获取该元素节点的值。