最新的Web开发教程
 

JavaScript HTML DOM节点列表


节点列表是节点的集合


HTML DOM节点列表

getElementsByTagName()方法返回一个节点列表 。 节点列表是节点的数组类集合。

下面的代码选择所有<p>在文档中的节点:

var x = document.getElementsByTagName("p");

节点可以通过索引号码进行访问。 要访问你可以写第二个<P>节点:

y = x[1];
试一试»

注:该指数从0开始。


HTML DOM节点列表长度

长度属性定义中的节点列表中的节点的数量:

var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
试一试»

例子解释:

  1. 获取所有<p>在元素的节点列表
  2. 显示节点列表的长度

当你想通过一个节点列表中的节点环length属性是有用的:

改变所有的背景颜色<p>中的一个节点列表中的元素:

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

节点列表不是一个数组!
节点列表可能看起来像一个数组,但是事实并非如此。 可以通过在节点列表循环并参考其节点像阵列。 但是,您不能使用阵列的方法,如valueOf()join()节点列表上。