HTML DOM getElementsByName()
Пример
Получить все элементы с указанным именем:
var x =
document.getElementsByName("fname");
Попробуйте сами »
Ещё примеры "Попробуйте сами" ниже
Определение и использование
Метод getElementsByName() возвращает коллекцию всех элементов в документе с указанным именем (значения атрибута name) в виде объекта HTMLCollection.
Объект HTMLCollection представляет собой коллекцию узлов. Доступ к узлам можно получить по индексным номерам. Индекс начинается с 0.
Совет: Вы можете использовать свойство length объекта HTMLCollection, чтобы определить количество элементов с указанным именем, затем вы можете выполнить цикл по всем элементам и извлечь информацию ты хочешь.
Примечание: В HTML5 атрибут "name" устарел и был заменен атрибутом "id" для многих элементов. Используйте метод document.getElementById(), где это уместно. Также посмотрите на методы getElementsByClassName() и getElementsByTagName().
Поддержка браузера
| Метод | |||||
|---|---|---|---|---|---|
| getElementsByName() | Да | Да | Да | Да | Да |
Синтаксис
document.getElementsByName(name)
Значения параметров
| Параметр | Тип | Описание |
|---|---|---|
| name | String | Требуемый. Значение атрибута name элемента, к которому вы хотите получить доступ/которым вы хотите управлять |
Технические подробности
| DOM Версия: | Базовый уровень 1 Объект документа |
|---|---|
| Возвращает значение: | Объект HTMLCollection, представляющий коллекцию элементов с указанным именем. Элементы в возвращаемой коллекции сортируются по мере их появления в исходном коде. |
Ещё примеры
Пример
Узнайть, сколько в документе элементов, имеющих атрибут name со значением "animal" (используя свойство length объекта HTMLCollection):
var x =
document.getElementsByName("animal").length;
Попробуйте сами »
Пример
Проверить все элементы <input> элементы с type="checkbox" в документе, которые имеют атрибут name со значением "animal":
var x = document.getElementsByName("animal");
var i;
for (i = 0; i < x.length; i++) {
if (x[i].type == "checkbox") {
x[i].checked = true;
}
}
Попробуйте сами »
❮ Объект документа