Document.getElementsByName()
Синтаксис
var elements = document.getElementsByName(name);
- elements — это живая
NodeList
коллекция. То есть, она автоматически обновляется, когда элементы с таким жеname
добавляются/удаляются из документа. - _name _— это значение поля
name
элемента(элементов).
Пример
<!doctype html>
<html lang="en">
<title>Example: using document.getElementsByName</title>
<input type="hidden" name="up" />
<input type="hidden" name="down" />
<script>
var up_names = document.getElementsByName("up");
console.log(up_names[0].tagName); // displays "INPUT"
</script>
</html>
Notes
The name
attribute can only be applied in (X)HTML documents.
The returned NodeList
Collection contains all elements with the given name
, such as <meta>
, <object>
, and even elements which do not support the name
attribute at all.
Предупреждение:
The getElementsByName method works differently in IE10 and below. There, getElementsByName()
also returns elements that have an id
attribute with the specified value. Be careful not to use the same string as both a name
and an id
.
Предупреждение:
The getElementsByName method works differently in IE. There, getElementsByName()
does not return all elements which may not have a name
attribute (such as <span>
).
Предупреждение:
Both IE and Edge return an HTMLCollection
, not a NodeList
Спецификации
Specification |
---|
HTML Standard # dom-document-getelementsbyname-dev |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
document.getElementById()
to return a reference to an element by its uniqueid
document.getElementsByTagName()
to return references to elements with the same tag namedocument.querySelector()
to return references to elements via CSS selectors like'div.myclass'