Метод item()
Пример HTMLCollection.item()
Получить HTML-содержимое первого элемента <p>:
const collection = document.getElementsByTagName("p").item(0);
let text = collection.innerHTML;
Попробуйте сами »
Это сокращение дает тот же результат:
const collection = document.getElementsByTagName("p")[0];
let text = collection.innerHTML;
Попробуйте сами »
Измените HTML-содержимое первого элемента <p>:
document.getElementsByTagName("p")[0].innerHTML = "Параграф изменен";
Попробуйте сами »
Ещё примеры ниже.
Описание item()
Метод item() возвращает элемент по указанному индексу в HTMLCollection.
HTMLCollection item()
HTMLCollection — это коллекция (список) HTML-элементов в виде массива.
Элементы в коллекции доступны по индексу (начинается с 0).
Свойство length возвращает количество элементов в коллекции.
Похожие на item()
Синтаксис item()
HTMLCollection.item(index)
или
HTMLCollection[index]
Параметры item()
| Параметр | Описание |
|---|---|
| index | Обязательно. Индекс возвращаемого элемента. Индекс начинается с 0. |
Возвращаемое значение item()
| Тип | Описание |
|---|---|
| Element | Элемент по указанному индексу.null, если индекс выходит за пределы диапазона. |
Ещё примеры item()
Пройдитесь по всем элементам с class="myclass" и измените размер их шрифта:
const collection = document.getElementsByClassName("myclass");
for (let i = 0; i < collection.length; i++) {
collection.item(i).style.fontSize ="24px";
}
Попробуйте сами »
Получить содержимое второго элемента <p> внутри "myDIV":
const div = document.getElementById("myDIV");
const collection = div.getElementsByTagName("p");
let text = collection[1].innerHTML;
Попробуйте сами »
Поддержка item()
HTMLCollection.item() поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |