пример
Изменение содержимого HTML первого <li> элемента (index 0) в списке:
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
Перед изменением текста:
- Coffee
- Tea
После изменения текста:
- Milk
- Tea
Попробуй сам " Определение и использование
getElementsByTagName() метод возвращает инкассацию элементы Детской элементов с указанным именем тега, как объект NodeList.
Объект NodeList представляет коллекцию узлов. Узлы могут быть доступны с помощью индексов. Индекс начинается с 0.
Совет: Вы можете использовать длину свойство объекта NodeList , чтобы определить количество дочерних узлов с указанным именем тега, то вы можете перебрать все узлы и извлекать информацию , которую Вы хотите.
Совет: ParameterValue "*" возвращает все дочерние элементы элемента.
Поддержка браузеров
Числа в таблице определяет первую версию браузера, который полностью поддерживает метод.
| метод | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1,0 | 6,0 | 3.0 | 3.0 | 9,5 |
Синтаксис
element .getElementsByTagName( tagname )Значения параметров
| параметр | Тип | Описание |
|---|---|---|
| tagname | String | Необходимые. Тэг дочерних элементов, которые вы хотите получить |
Технические подробности
| DOM Version | Базовый уровень 1 Элемент объекта |
|---|---|
| Возвращаемое значение: | Нодлист объект, представляющий собой коллекцию дочерних элементов элемента с указанным тэгом. Элементы в возвращаемых коллекциях сортируются, как они появляются в исходном коде. |
Еще примеры
пример
Узнайте, сколько <p> элементы существуют внутри <div> элемент (используя свойство длины объекта NodeList):
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;В результате х будет:
3 Попробуй сам " пример
Изменение цвета фона второго <p> элемент (index 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";
} Попробуй сам " пример
Изменение цвета фона четвертого элемента (index 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 Ссылка: документ. getElementsByTagName()
JavaScript Учебник: Список JavaScript HTML DOM Node