最新的Web开发教程
 

HTML DOM item() Method

<元素对象

得到的第一个中的HTML内容<p>元素(index 0)的文档中:

var nodelist = document.getElementsByTagName("P").item(0).innerHTML;

节点列表的结果将是:

The first p element in the document.
试一试»

更多"Try it Yourself"下面的例子。


定义和用法

item()方法返回在NodeList对象指定索引处的节点。

如它们出现在源代码中的节点进行排序,以及索引从0开始。

子节点的节点对象的集合是一个NodeList对象的一个​​例子。

注意:有一个节点列表中指定索引来访问节点两种方式:

此语法:

document.body.childNodes.item(0);    // The first child node of <body> Try it

会产生相同的结果,因为这句法:

document.body.childNodes[0];         // The first child node of <body> Try it

你可以使用任何你喜欢的方法,但是,最常用的方法是[ 指数 ]。

提示:使用长度属性返回一个NodeList对象节点的数量。


浏览器支持

方法
item()

句法

参数值
参数 类型 描述
index Number 需要。 要返回,在节点列表中的节点的索引。

注:该指数从0开始

技术细节

返回值: 一个节点对象,表示指定索引处的节点。

注:如果索引数量超出范围,则返回null
DOM版本 核心1级NodeList对象

例子

更多示例

得到的第一个中的HTML内容<p>元素(index 0)一个内部<div>元素:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;

节点列表的结果将是:

First p element in div.
试一试»

改变第一的HTML内容<p>元素(index 0)一个内部<div>元素:

var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";
试一试»

环通过在与类=“子”的所有元素<div>元素,并且改变它们的背景色:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");

var i;
for (i = 0; i < nodelist.length; i++) {
    nodelist[i].style.backgroundColor = "red";
}
试一试»

相关页面

HTML DOM参考: 节点列表 。长度属性

HTML DOM参考: 元素 .childNodes物业

HTML DOM参考: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method

HTML DOM参考: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method

HTML DOM参考: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method

HTML DOM参考: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method

HTML DOM参考: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method

HTML DOM参考: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method

HTML DOM参考: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method


<元素对象