節點列表是節點的集合
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()節點列表上。