Метод item()
Примеры nodelist.item()
Получите дочерние узлы элемента <body>:
const nodeList = document.body.childNodes;
Попробуйте сами »
Получите имя узла первого дочернего узла:
const list = document.body.childNodes;
let name = list.item(0).nodeName;
Попробуйте сами »
Это даёт тот же результат:
const list = document.body.childNodes;
let name = list[0].nodeName;
Попробуйте сами »
Получите HTML-содержимое первого элемента <p> в документе:
const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;
Попробуйте сами »
Ещё примеры ниже.
Описание item()
Метод item() возвращает узел по указанному индексу в NodeList.
Есть два способа получить доступ к узлу по указанному индексу:
list.item(index)
или
list[index]
Самый простой и распространенный метод — [index].
Связные страницы item()
Синтаксис item()
nodelist.item(index)
или просто:
nodelist[index]
Параметры item()
| Параметр | Описание |
|---|---|
| index | Обязательно. Индекс узла в списке. Узлы сортируются по мере их появления в документе. Индекс начинается с 0. |
Возвращаемое значение item()
| Тип | Описание |
|---|---|
| Object | Узел по указанному индексу.null, если индекс выходит за пределы диапазона. |
Ещё примеры item()
Получите HTML-содержимое первого элемента <p> внутри "myDIV":
const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;
Попробуйте сами »
Измените HTML-содержимое первого элемента <p> внутри "myDIV":
const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";
Попробуйте сами »
Измените цвет всех элементов с помощью class="child":
const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
list[i].style.color = "red";
}
Попробуйте сами »
Поддержка item()
nodelist.item() является функцией DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |