Метод getElementsByTagName()
Пример
Измените HTML-содержимое первого элемента <li> (индекс 0) в списке:
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Молоко";
Попробуйте сами »
Определение и использование
Метод getElementsByTagName() возвращает коллекцию дочерних элементов с указанным именем тега в виде объекта NodeList.
Объект NodeList представляет собой набор узлов. Доступ к узлам можно получить по индексным номерам. Индекс начинается с 0.
Совет: Вы можете используйте свойство length объекта NodeList для определения количества дочерних узлов с указанным именем тега, затем вы можете перебрать все узлы и извлечь нужную информацию.
Совет: Значение параметра "*" возвращает все дочерние элементы элемента.
Поддержка браузера
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
Метод | |||||
---|---|---|---|---|---|
getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Синтаксис
element.getElementsByTagName(tagname)
Параметр значений
Параметр | Тип | Описание |
---|---|---|
tagname | String | Требуемый. Имя тега дочерних элементов, которые вы хотите получить |
Технические детали
DOM Версия | Базовый уровень 1 Объект элемента |
---|---|
Возвращает значение | Объект NodeList, представляющий коллекцию дочерних элементов элемента с указанным именем тега. Элементы в возвращаемой коллекции сортируются по мере их появления в исходном коде. |
Ещё примеры
Пример
Узнайте, сколько элементов <p> находится внутри элемента <div> (используя свойство length объекта NodeList):
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;
Попробуйте сами »
Пример
Измените цвет фона второго элемента <p> (индекс 1) внутри элемента <div>:
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";
Попробуйте сами »
Пример
Измените цвет фона всех элементов <p> внутри элемента <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Попробуйте сами »
Пример
Измените цвет фона четвертого элемента (индекс 3) внутри элемента <div>:
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
Попробуйте сами »
Пример
С помощью параметра "*".
Измените цвет фона всех элементов внутри элемента <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Попробуйте сами »
Связанные страницы
JavaScript Справочник: document.getElementsByTagName()
JavaScript Учебник: JavaScript HTML DOM Список Узла