пример
Получить содержимое HTML первого <p> элемента (index 0) внутри документа:
var nodelist = document.getElementsByTagName("P").item(0).innerHTML;Результат нодлиста будет:
The first p element in the document. Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
item() метод возвращает узел по указанному индексу в объекте NodeList.
Узлы сортируются, как они появляются в исходном коде, а индекс начинается с 0.
Коллекция объект узла дочерних узлов является примером объекта NodeList.
Примечание: Есть два способа доступа к узлу по указанному индексу в списке узлов:
Этот синтаксис:
document.body.childNodes.item(0);
// The first child node of <body> Try it Будет ли тот же результат, как этот синтаксис:
document.body.childNodes[0];
// The first child node of <body> Try it Вы можете использовать любой метод , который вы хотите, однако, наиболее распространенным методом является [индекс].
Совет: Используйте длину свойство возвращает количество узлов в NodeList объекта.
Поддержка браузеров
| метод | |||||
|---|---|---|---|---|---|
| item() | да | да | да | да | да |
Синтаксис
Значения параметров параметр Тип Описание index Number Необходимые. Индекс узла вы хотите вернуться в список узлов.
Примечание: Индекс начинается с 0
Технические подробности
Возвращаемое значение: Объект Узел, представляющий узел по указанному индексу.
Примечание: Возвращает пустое значение , если индекс находится вне диапазона DOM Version Базовый уровень 1 Nodelist объекта
Еще примеры
пример
Получить содержимое HTML первого <p> элемента (index 0) внутри <div> элемент:
var div = document.getElementById("myDIV");
var nodelist =
div.getElementsByTagName("P")[0].innerHTML; Результат нодлиста будет:
First p element in div. Попробуй сам "
пример
Изменение содержимого HTML первого <p> элемента (index 0) внутри <div> элемент:
var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML
= "Paragraph changed"; Попробуй сам "
пример
Перебор всех элементов с классом = «ребенок» в <div> элемент, и изменить их цвет фона:
var div = document.getElementById("myDIV");
var nodelist =
div.getElementsByClassName("child");
var i;
for (i = 0; i <
nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
} Попробуй сам "
Похожие страницы
HTML DOM Ссылка: Nodelist .Length недвижимости
HTML DOM Ссылка: элемент .childNodes недвижимости
HTML DOM Ссылка: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Ссылка: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Ссылка: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Ссылка: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Ссылка: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Ссылка: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Ссылка: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method