Document.getElementsByName()
Метод getElementsByName()
объекта Document
возвращает коллекцию NodeList
элементов с заданным name
(en-US).
Синтаксис
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
(en-US) attribute can only be applied in (X)HTML documents.
The returned NodeList
Collection contains all elements with the given name
, such as <meta>
, <object>
(en-US), 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
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard Определение 'Document.getElementsByName()' в этой спецификации. |
Живой стандарт | |
Document Object Model (DOM) Level 2 HTML Specification Определение 'Document.getElementsByName()' в этой спецификации. |
Устаревшая | Initial definition |
Browser compatibility
BCD tables only load in the browser
See also
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'