例
得到的第一个中的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