Метод элемента HTMLCollection ()
Пример
Получите содержимое HTML первого элемента <p> этого документа:
function myFunction() {
var x = document.getElementsByTagName("P").item(0);
alert(x.innerHTML);
}
Определение и использование
Метод item()возвращает элемент по указанному индексу в коллекции HTMLCollection.
Элементы сортируются так, как они появляются в исходном коде, а индекс начинается с 0.
Также можно использовать сокращенный метод, который даст тот же результат:
var x = document.getElementsByTagName("P")[0];
Поддержка браузера
| Method | |||||
|---|---|---|---|---|---|
| item() | Yes | Yes | Yes | Yes | Yes |
Синтаксис
HTMLCollection.item(index)
ИЛИ:
HTMLCollection[index]
Значения параметров
| Parameter | Type | Description |
|---|---|---|
| index | Number | Required. The index of the element you want to return. Note: The index starts at 0 |
Возвращаемое значение
Объект Element , представляющий элемент по указанному индексу.
Возвращает null , если номер индекса выходит за пределы допустимого диапазона
Дополнительные примеры
Пример
Измените содержимое HTML первого элемента <p>:
document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";
Пример
Прокрутите все элементы с class="myclass" и измените цвет их фона:
var x = document.getElementsByClassName("myclass");
for (i = 0; i <
x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
Пример
Получите содержимое HTML первого элемента <p> внутри элемента <div>:
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
Связанные страницы
HTMLCollection: длина свойства
Элемент HTML: метод getElementsByClassName()
Элемент HTML: метод getElementsByTagName()