คุณสมบัติความยาวของ HTMLCollection
ตัวอย่าง
ค้นหาว่ามีองค์ประกอบ P จำนวนเท่าใดในเอกสาร:
function myFunction() {
var l = document.getElementsByTagName("P").length;
alert(l);
}
ความหมายและการใช้งาน
คุณสมบัติlength
ส่งคืนจำนวนองค์ประกอบใน HTMLCollection
คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว
องค์ประกอบนี้มีประโยชน์เมื่อคุณต้องการวนรอบ HTMLCollection
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
HTMLCollection.length
คืนมูลค่า
ตัวเลข แทนจำนวนองค์ประกอบใน HTMLCollection
ตัวอย่างเพิ่มเติม
ตัวอย่าง
วนรอบองค์ประกอบทั้งหมดด้วย class="myclass" และเปลี่ยนสีพื้นหลัง:
var x = document.getElementsByClassName("myclass");
for (i = 0; i <
x.length; i++) {
x[i].style.backgroundColor = "red";
}
หน้าที่เกี่ยวข้อง
HTMLCollection: รายการเมธอด
องค์ประกอบ HTML: getElementsByClassName()เมธอด
องค์ประกอบ HTML: เมธอดgetElementsByTagName()