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