เอกสาร HTML DOM getElementsByTagName()
ตัวอย่าง
รับองค์ประกอบทั้งหมดที่มีชื่อแท็ก "li":
const collection = document.getElementsByTagName("li");
รับองค์ประกอบทั้งหมดในเอกสาร:
const collection = document.getElementsByTagName("*");
เปลี่ยน HTML ภายในของ <p> องค์ประกอบแรกในเอกสาร:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
ตัวอย่างเพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
วิธี การgetElementsByTagName()
ส่งคืนคอลเลกชันขององค์ประกอบทั้งหมดที่มีชื่อแท็กที่ระบุ
getElementsByTagName()
วิธีการส่งคืนHTMLCollection
คุณสมบัติgetElementsByTagName()
เป็นแบบอ่านอย่างเดียว
บันทึก
getElementsByTagName("*")
ส่งคืนองค์ประกอบทั้งหมดในเอกสาร
HTMLCollection
HTMLCollection คือ ชุดของโหนด HTML
โหนดในคอลเล็กชันสามารถเข้าถึงได้ด้วยหมายเลขดัชนี ดัชนีเริ่มต้นที่ 0
คุณสมบัติความยาวส่งคืนจำนวนองค์ประกอบในคอลเลกชัน
ดูสิ่งนี้ด้วย:
เอกสาร getElementById() Method
เอกสาร getElementsByClassName() Method
ไวยากรณ์
document.getElementsByTagName(tagname)
พารามิเตอร์
Parameter | Description |
tagname | Required. The tagname of the elements. |
คืนมูลค่า
พิมพ์ | คำอธิบาย |
วัตถุ | วัตถุHTMLCollection คอลเลกชันขององค์ประกอบที่มีชื่อแท็กที่ระบุ องค์ประกอบจะถูกจัดเรียงตามที่ปรากฏในเอกสาร |
ตัวอย่างเพิ่มเติม
จำนวน <li> องค์ประกอบในเอกสาร:
let numb = document.getElementsByTagName("li").length;
เปลี่ยนสีพื้นหลังของ <p> องค์ประกอบทั้งหมด:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
หน้าที่เกี่ยวข้อง
การอ้างอิง JavaScript: องค์ประกอบ .getElementsByTagName()
บทช่วยสอน JavaScript: รายการโหนด JavaScript HTML DOM
รองรับเบราว์เซอร์
document.getElementsByTagName()
เป็นคุณลักษณะ DOM ระดับ 1 (1998)
ได้รับการสนับสนุนอย่างเต็มที่ในเบราว์เซอร์ทั้งหมด:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |