Document.getElementsByName()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Синтаксис
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 # dom-document-getelementsbyname-dev |
Совместимость с браузерами
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
getElementsByName |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Partial support
- Partial support
- See implementation notes.
- Has more compatibility info.
Смотрите также
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'