คุณสมบัติ length ของ HTMLCollection

คำนำออกและการใช้งาน

length คุณสมบัตินี้ส่งกลับจำนวนองค์ประกอบใน HTMLCollection

นี่เป็นคุณสมบัติที่เป็นการอ่านเพียงครั้งเดียว

เมื่อคุณต้องการวนลูป HTMLCollection นี้มีประโยชน์มาก

ตัวอย่าง

ตัวอย่าง 1

หาจำนวนองค์ประกอบ P ในเอกสาร

function myFunction() {
  var l = document.getElementsByTagName("P").length;
  alert(l);
}

ทดลองด้วยตัวเอง

ตัวอย่าง 2

วนลูปเพื่อเดินทางผ่านทุกองค์ประกอบที่มีคลาส "myclass" และเปลี่ยนสีพื้นหลังของมัน

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x[i].style.backgroundColor = "red";
}

ทดลองด้วยตัวเอง

ความเข้าใจของภาษา

HTMLCollection.length

ค่าที่ส่งกลับ

ค่าเลขาศัพท์ แสดงจำนวนองค์ประกอบใน HTMLCollection

การสนับสนุนเครื่องนี้

属性 Chrome IE Firefox Safari Opera
length สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

เพจที่เกี่ยวข้อง

HTMLCollection：วิธี item()

HTML องค์ประกอบgetElementsByClassName() วิธี

HTML องค์ประกอบเมธอด getElementsByTagName()