JavaScript ฮ์ทเมล์ โดเมน ชุด

HTMLCollection 對象

getElementsByTagName() 方法返回 HTMLCollection 對象。

HTMLCollection 對象是類數組的 HTML 元素列表（集合）。

下面的代碼選擇文檔中的所有 <p> 元素：

ตัวอย่าง

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

該集合中的元素可通過索引號進行訪問。

如需訪問第二個 <p> 元素，您可以這樣寫：

y = x[1];

ลองทดสอบเอง

註釋：索引從 0 開始。

HTML HTMLCollection 長度

length 属性定義了 HTMLCollection 中元素的数量：

ตัวอย่าง

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

ลองทดสอบเอง

การอธิบายตัวอย่าง:

  • สร้างชุดของทุกตัว <p> ฉบับ
  • แสดงความยาวของชุด

length ตัวแปรมีประโยชน์เมื่อคุณต้องการวิเคราะห์องค์ประกอบในชุด

ตัวอย่าง

เปลี่ยนสีหลังของทุกตัว <p> ฉบับ:

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

ลองทดสอบเอง

HTMLCollection ไม่ใช่แถว!

HTMLCollection มีลักษณะเหมือนแถว แต่ไม่ใช่แถว

คุณสามารถวิเคราะห์รายชื่อและใช้อ้างอิงเลขที่เหมือนกับแถวตาม (เหมือนกับแถว)

อย่างไรก็ตาม คุณไม่สามารถใช้วิธีเครื่องมือของแถวเพื่อ HTMLCollection ได้ ตัวอย่าง valueOf()、pop()、push() หรือ join().