Метод getElementsByName()
Пример document.getElementsByName()
Получить все элементы с именем "fname":
let elements = document.getElementsByName("fname");
Попробуйте сами »
Количество элементов с name="animal":
let num = document.getElementsByName("animal").length;
Попробуйте сами »
Ещё примеры ниже.
Описание getElementsByName()
Метод getElementsByName() возвращает коллекцию элементов с указанным именем.
Метод getElementsByName() возвращает живой NodeList.
NodeList
NodeList — это массивоподобная коллекция (список) узлов.
Доступ к узлам в списке осуществляется по индексу. Индекс начинается с 0.
Свойство length возвращает количество узлов в списке.
Похожи на getElementsByName()
Синтаксис getElementsByName()
document.getElementsByName(name)
Параметры getElementsByName()
| Параметр | Описание |
|---|---|
| name | Обязательно. Значение атрибута имени элемента. |
Возвращаемое значение getElementsByName()
| Тип | Описание |
|---|---|
| Object | Объект NodeList. Коллекция элементов с указанным именем. Элементы сортируются по мере их появления в документе. |
Ещё примеры getElementsByName()
Проверьте все элементы <input> с type="checkbox" и именем "animal":
const collection = document.getElementsByName("animal");
for (let i = 0; i < collection.length; i++) {
if (collection[i].type == "checkbox") {
collection[i].checked = true;
}
}
Попробуйте сами »
Поддержка браузера getElementsByName()
document.getElementsByName() является функцией DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |