HTMLCollection item() 方法
定义和用法
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 |
实例
实例
循环输出所有 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() 方法
其他扩展