ตัวอย่าง
รับองค์ประกอบทั้งหมดในเอกสารที่มีชื่อแท็กที่ระบุ:
var x =
document.getElementsByTagName("LI");
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
getElementsByTagName() วิธีการส่งกลับคอลเลกชันขององค์ประกอบทั้งหมดในเอกสารที่มีชื่อแท็กที่กำหนดให้เป็นวัตถุ NodeList
วัตถุ NodeList หมายถึงคอลเลกชันของโหนด โหนดสามารถเข้าถึงได้โดยตัวเลขดัชนี ดัชนีเริ่มต้นที่ 0
แนะนำ: parametervalue "*" ส่งกลับองค์ประกอบทั้งหมดในเอกสาร
เคล็ดลับ: คุณสามารถใช้ ระยะเวลาใน คุณสมบัติของวัตถุ NodeList เพื่อตรวจสอบจำนวนขององค์ประกอบที่มีชื่อแท็กที่ระบุแล้วคุณสามารถห่วงผ่านองค์ประกอบทั้งหมดและสารสกัดจากข้อมูลที่คุณต้องการ
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่วิธีการ
| วิธี | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
วากยสัมพันธ์
document.getElementsByTagName( tagname )ค่าพารามิเตอร์
| พารามิเตอร์ | ชนิด | ลักษณะ |
|---|---|---|
| tagname | String | จำเป็นต้องใช้ tagname ขององค์ประกอบที่คุณต้องการที่จะได้รับ |
รายละเอียดทางเทคนิค
| DOM เวอร์ชัน: | ระดับแกนวัตถุ 1 เอกสาร |
|---|---|
| กลับค่า: | วัตถุ NodeList คิดเป็นคอลเลกชันขององค์ประกอบที่มีชื่อแท็กระบุ องค์ประกอบในการเก็บกลับจะถูกเรียงลำดับตามที่ปรากฏในรหัสที่มา |
ตัวอย่างอื่น ๆ
ตัวอย่าง
หาวิธีหลาย <li> องค์ประกอบที่มีอยู่ในเอกสาร (ใช้ระยะเวลาในคุณสมบัติของวัตถุ NodeList) ที่:
var x =
document.getElementsByTagName("LI").length; ลองตัวเอง» ตัวอย่าง
เปลี่ยนเนื้อหา HTML ของแรก <p> องค์ประกอบ (index 0) ในเอกสาร:
document.getElementsByTagName("P")[0].innerHTML = "Hello World!"; ลองตัวเอง» ตัวอย่าง
เปลี่ยนสีพื้นหลังของทุก <p> องค์ประกอบในเอกสาร:
var x = document.getElementsByTagName("P");
var i;
for (i = 0; i <
x.length; i++) {
x[i].style.backgroundColor = "red";
} ลองตัวเอง» ตัวอย่าง
การใช้ "*" พารามิเตอร์
รับองค์ประกอบทั้งหมดในเอกสาร:
var x =
document.getElementsByTagName("*"); ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง JavaScript: องค์ประกอบ getElementsByTagName()
กวดวิชา JavaScript: รายการ JavaScript HTML DOM Node