码农教程 - 一技在手,衣食无忧! tools

目录

HTML HTMLCollection item()

❮ HTMLCollection 对象参考 下一节❯

示例

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

const collection = document.getElementsByTagName("p").item(0);
let text = collection.innerHTML;
亲自试一试 »

这个简写产生相同的结果：

const collection = document.getElementsByTagName("p")[0];
let text = collection.innerHTML;
亲自试一试 »

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

document.getElementsByTagName("p")[0].innerHTML = "Paragraph changed";
亲自试一试 »

下面有更多示例。

描述

这个item()方法返回指定索引处的元素HTML集合。

HTML集合

一个HTML集合是 HTML 元素的类似数组的集合（列表）。

集合中的元素可以通过索引（从 0 开始）访问。

长度属性返回集合中元素的数量。

也可以看看

长度属性

nameItem() 方法

HTMLCollection 对象

getElementsByClassName() 方法

getElementsByTagName() 方法

语法

HTMLCollection.item( index)
HTMLCollection[ index]

参数

Parameter Description
index Required.
The index of the element to return.
The index starts at 0.

返回值

Type Description
Element The element at the specified index.
null if the index is out of range.

更多示例

示例

循环使用 class="myclass" 的所有元素，并更改其字体大小：

const collection = document.getElementsByClassName("myclass");

for (let i = 0; i < collection.length; i++) {
  collection.item(i).style.fontSize ="24px";
}
亲自试一试 »

示例

获取"myDIV"内第二个<p>元素的内容：

const div = document.getElementById("myDIV");
const collection = div.getElementsByTagName("p");
let text = collection[1].innerHTML;
亲自试一试 »

浏览器支持

HTMLCollection.item()所有浏览器都支持：

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes
❮ HTMLCollection 对象参考 下一节❯