文档:getElementsByName() 方法

Baseline 已广泛支持

此功能已非常成熟,可在许多设备和浏览器版本上运行。自 2018 年 1 月起,它已在所有浏览器中可用。

getElementsByName() 方法是 Document 对象的一个方法,它返回一个 NodeList 集合,包含文档中具有给定 name 属性的元素。

语法

js
getElementsByName(name)

参数

name

我们要查找的元素(或元素集)的 name 属性的值。

返回值

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

示例

html
<!doctype html>
<html lang="en">
  <head>
    <title>Example: using document.getElementsByName</title>
  </head>
  <body>
    <input type="hidden" name="up" />
    <input type="hidden" name="down" />
  </body>
</html>
js
const up_names = document.getElementsByName("up");
console.log(up_names[0].tagName); // displays "INPUT"

注意

name 属性只能在 (X)HTML 文档中使用。

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

规范

规范
HTML
# dom-document-getelementsbyname-dev

浏览器兼容性

另见