Document：getElementsByName() 方法

Document 对象的 getElementsByName() 方法返回文档中具有给定 name 属性的所有元素的 NodeList 集合。

语法

getElementsByName(name)

参数

name: 我们要查找元素的 name 属性的值。

返回值

一个实时的 NodeList 集合，这意味着当带有相同 name 的新元素被添加到文档中，或从文档中移除时，该集合会自动更新。

示例

html

<!doctype html>
<html lang="en">
  <head>
    <title>示例：使用 document.getElementsByName</title>
  </head>
  <body>
    <input type="hidden" name="up" />
    <input type="hidden" name="down" />
  </body>
</html>

const up_names = document.getElementsByName("up");
console.log(up_names[0].tagName); // 显示“INPUT”

备注

name 属性只在（X）HTML 文档中可用。

返回的 NodeList 集合包含了所有具有给定 name 的元素，例如 <meta>、<object> 甚至包括根本不支持 name 属性的元素。

规范

Specification
HTML Standard # dom-document-getelementsbyname-dev

浏览器兼容性

BCD tables only load in the browser

参见

document.getElementById() 根据唯一 id 返回对元素的引用。
document.getElementsByTagName() 返回对具有相同标签名的元素的引用
document.querySelector() 通过 CSS 选择器（例如 'div.myclass'）返回对元素的引用。