HTMLCollection item() 方法
DOM HTMLCollection定義和用法
item() 方法返回 HTMLCollection 對象中指定索引位置的元素。
元素在 HTMLCollection 對象中的順序與它們在文檔源代碼中出現的順序一樣，索引起始位置為 0。
也可以使用以下簡寫的方式，獲取的結果是一樣的：
var x = document.getElementsByTagName("P")[0];
語法
HTMLCollection.item(index)
或：
HTMLCollection[index]
| 參數 | 類型 | 描述 |
|---|---|---|
| index | Number | 必需，元素的索引值。 注意: 起始位置為0，最後一位元素索引為 HTMLCollection.length-1，index 需要在這個範圍內。 |
流覽器支持
| 方法 | |||||
|---|---|---|---|---|---|
| item() | Yes | Yes | Yes | Yes | Yes |
實例
實例
修改第一個 p 元素的 HTML 內容：
document.getElementsByTagName("P").item(0).innerHTML = "段落已修改";
實例
迴圈輸出所有 class="myclass 的元素並修改它們的背景顏色：
var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
實例
獲取第一個 p 元素的 HTML 內容並插入到 div 元素中：
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
相關文章
HTMLCollection: length 屬性
HTML Element: getElementsByClassName() 方法
HTML Element: getElementsByTagName() 方法