Метод item() для HTMLCollection

  • Предыдущая страница item()
  • Следующая страница length
  • Вернуться на один уровень выше HTMLCollection DOM

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

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

Элементы сортируются по их порядку появления в исходном коде, индекс начинается с 0.

Также можно использовать сокращенный метод, и он даст такой же результат:

var x = document.getElementsByTagName("P")[0];

Пример

Пример 1

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

function myFunction() {
  var x = document.getElementsByTagName("P").item(0);
  alert(x.innerHTML);
}

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

Грамматика

HTMLCollection.item(index)

или:

HTMLCollection[index]

Значение параметра

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

Обязателен. Индекс элемента, который нужно вернуть.

Комментарий:Индекс начинается с 0.

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

Объект Elementозначает элемент в указанном индексе.

Если индекс выходит за пределы диапазона, то возвращается null.

Поддержка браузеров

Метод Chrome IE Firefox Safari Opera
item() Поддержка Поддержка Поддержка Поддержка Поддержка

Более примеров

Пример 2

Измените HTML-содержимое первого элемента <p>:

document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";

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

Пример 3

Пробегитесь по всем элементам с классом "myclass", и измените их цвет фона:

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x.item(i).style.backgroundColor = "red";
}

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

Пример 4

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

var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;

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

Соответствующие страницы

HTMLCollection：Свойство length

Элементы HTML:Метод getElementsByClassName()

Элементы HTML:Метод getElementsByTagName()

  • Предыдущая страница item()
  • Следующая страница length
  • Вернуться на один уровень выше HTMLCollection DOM