节点列表是节点的集合
HTML DOM节点列表
的getElementsByTagName()方法返回一个节点列表 。 节点列表是节点的数组类集合。
下面的代码选择所有<p>在文档中的节点:
注:该指数从0开始。
HTML DOM节点列表长度
长度属性定义中的节点列表中的节点的数量:
例
var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
试一试» 例子解释:
- 获取所有<p>在元素的节点列表
- 显示节点列表的长度
当你想通过一个节点列表中的节点环length属性是有用的:
例
改变所有的背景颜色<p>中的一个节点列表中的元素:
var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
试一试» 节点列表不是一个数组!
节点列表可能看起来像一个数组,但是事实并非如此。 可以通过在节点列表循环并参考其节点像阵列。 但是,您不能使用阵列的方法,如valueOf()或join()节点列表上。