最新的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()節點列表上。