HTMLCollection item() 方法

定義和用法

item() 方法返回 HTMLCollection 中指定索引處的元素。

元素按照它們在源代碼中出現的位置進行排序，索引從 0 開始。

也可以使用簡寫方法，并且會產生相同的結果：

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

實例

例子 1

獲取本文檔第一個 <p> 元素的 HTML 內容：

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

更改第一個 <p> 元素的 HTML 內容：

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

親自試一試

例子 3

循環遍歷所有 class="myclass" 的元素，并更改它們的背景顏色：

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

親自試一試

例子 4

獲取 <div> 元素中第一個 <p> 元素的 HTML 內容：

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

親自試一試

相關頁面

HTMLCollection：length 屬性

HTML 元素：getElementsByClassName() 方法

HTML 元素：getElementsByTagName() 方法