HTMLCollection item() 方法

实例

获取本文档第一个 <p> 元素的 HTML 内容:

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

亲自试一试

定义和用法

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

元素按照它们在源代码中出现的位置进行排序,索引从 0 开始。

也可以使用简写方法,并且会产生相同的结果:

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

浏览器支持

方法 Chrome IE Firefox Safari Opera
item() 支持 支持 支持 支持 支持

语法

HTMLCollection.item(index)

或者:

HTMLCollection[index]

参数值

参数 类型 描述
index Number

必需。要返回的元素的索引。

注释:索引从 0 开始。

返回值

Element 对象,表示指定索引处的元素。

如果索引号超出范围,则返回 null。

更多实例

实例

更改第一个 <p> 元素的 HTML 内容:

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";
}

亲自试一试

实例

获取 <div> 元素中第一个 <p> 元素的 HTML 内容:

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

亲自试一试

相关页面

HTMLCollection:length 属性

HTML 元素:getElementsByClassName() 方法

HTML 元素:getElementsByTagName() 方法