Метод HTML DOM NodeList item()

  • Предыдущая страница forEach()
  • Следующая страница keys()
  • Вернуться на один уровень выше NodeList DOM HTML

Определение и использование

item() Метод возвращает узел по заданному индексу в NodeList.

Есть два способа доступа к узлу по заданному индексу:

list.item(index)

или

list[index]

Самый простой и часто используемый метод - [index]。

Пример

Пример 1

Получить подузлы элемента <body>:

const nodeList = document.body.childNodes;

Попробуйте сами

Пример 2

Получить имя узла первого подузла:

const list = document.body.childNodes;
let name = list.item(0).nodeName;

Попробуйте сами

Пример 3

Результат в этом примере аналогичен:

const list = document.body.childNodes;
let name = list[0].nodeName;

Попробуйте сами

Пример 4

Получить HTML-содержимое первого элемента <p> в документе:

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

Попробуйте сами

Пример 5

Получить HTML-контент первого <p> элемента в "myDIV":

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

Попробуйте сами

Пример 6

Изменить HTML-контент первого <p> элемента в "myDIV":

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

Попробуйте сами

Пример 7

Изменить цвет всех элементов с классом "child":

const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

Попробуйте сами

Синтаксис

nodelist.item(index)

или сокращенно:

nodelist[index]

Параметр

Параметр Описание
index

Обязателен. Индекс узла в списке (индекс).

Узлы сортируются по порядку их появления в документе.

Индекс начинается с 0.

Возвратное значение

Тип Описание
Объект Указать узел в указанном индексе.
null Если индекс выходит за пределы диапазона.

Поддержка браузерами

nodelist.item() является свойством DOM Level 1 (1998).

Все современные браузеры поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка

Связанные страницы

Свойство length

Метод entries()

Метод forEach()

Метод keys()

Метод values()

Объект NodeList

Метод childNodes()

Метод querySelectorAll()

Метод getElementsByName()

  • Предыдущая страница forEach()
  • Следующая страница keys()
  • Вернуться на один уровень выше NodeList DOM HTML