HTMLCollection item() 方法

DOM HTMLCollection


定义和用法

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

实例

实例

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

尝试一下 »

实例

获取第一个 p 元素的 HTML 内容并插入到 div 元素中:

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

尝试一下 »

相关文章

HTMLCollection: length 属性

HTML Element: getElementsByClassName() 方法

HTML Element: getElementsByTagName() 方法



DOM HTMLCollection