JavaScript HTML DOM HTMLCollection item() 方法

item() 方法

item()方法返回HTMLCollection中指定索引处的元素。元素按照它们在源代码中出现的顺序排序，索引从0开始。也可以缩写方法，并产生相同的结果：

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

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

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

尝试一下

项	IE/Edge	Chrome	FireFox	Safari	Opera
方法
item()	支持	支持	支持	支持	支持

HTMLCollection.item(index)

或者

HTMLCollection[index]

参数	类型	描述
index	Number	必需的。要返回的元素的索引。注意：索引从0开始

项目	描述
返回值：	一个Element对象，表示指定索引处的元素。如果索引号超出范围，则返回null

更改第一个<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";
}

尝试一下

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

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

尝试一下