根据给定的name 返回一个在 (X)HTML document的节点列表集合。
语法
elements = document.getElementsByName(name)
elements是一个NodeList集合。name是元素的name属性的值。
例子
<!DOCTYPE html>
<html lang="en">
<head>
...
</head>
<body>
<form name="up"><input type="text"></form>
<div name="down"><input type="text"></div>
<script>
var up_forms = document.getElementsByName("up");
console.log(up_forms[0].tagName); // returns "FORM"
</script>
</body>
</html>
注释
The name attribute is only applicable to (X)HTML documents. The method returns a live NodeList Collection that contains all elements with a given value for the name attribute, such as <meta> or <object> or even if name is placed on elements which do not support a name attribute at all.
The getElementsByName method works differently in different browsers. In IE & Opera, getElementsByName() method will also return elements that have an id attribute with the specified value. so you should be careful not to use the same string as both a name and an ID.
Specifications
Specifications
| Specification | Status | Comment |
|---|---|---|
| WHATWG HTML Living Standard Document.getElementsByName() |
Living Standard | |
| Document Object Model (DOM) Level 2 HTML Specification Document.getElementsByName() |
Recommendation | Initial definition |
See also
document.getElementById()to return a reference to an element by its IDdocument.querySelector()for selectors via queries like'div.myclass'