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() 方法