橘子味的心
标题:JavaScript htmldom 节点列表


节点列表是节点的集合


HTML DOM 阶段列表

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

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

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

可以通过索引号访问节点.若要访问第二个<p>节点,你可以这样写:

y = x[1];

让我试试

注意: 索引从 0 开始.


HTML DOM 节点列表的长度

length属性定义节点列表中的节点数:

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

让我试试

实例说明:

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

当您希望通过节点列表中的节点循环时,length 属性非常有用:

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

让我试试

节点列表不是数组! 节点列表可能看起来像一个数组,但它不是。可以循环遍历节点列表并将其节点引用到数组中. 然而,你不能在节点列表中使用数组的方法,像valueOf()或join().


目录

分类