HTMLCollection item() 方法
实例
获取本文档第一个 <p> 元素的 HTML 内容：
function myFunction() {
var x = document.getElementsByTagName("P").item(0);
alert(x.innerHTML);
}
亲自试一试 »
var x = document.getElementsByTagName("P").item(0);
alert(x.innerHTML);
}
定义和用法
item() 方法返回 HTMLCollection 中指定索引处的元素。
元素按照它们在源代码中出现的位置进行排序，索引从 0 开始。
也可以使用简写方法，并且会产生相同的结果：
var x = document.getElementsByTagName("P")[0];
测试一下
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| item() | Yes | Yes | Yes | Yes | Yes |
语法
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";
}
亲自试一试 »
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;
亲自试一试 »
var x = div.getElementsByTagName("P").item(0).innerHTML;
相关页面
HTMLCollection: length Property
HTML Element: getElementsByClassName() Method
HTML Element: getElementsByTagName() Method
