HTML DOM getElementsByTagName() Method

<ธาตุวัตถุ

ตัวอย่าง

เปลี่ยนเนื้อหา HTML ของแรก <li> องค์ประกอบ (index 0) ในรายการ:

var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";

ก่อนที่จะเปลี่ยนข้อความ:

Coffee
Tea

หลังจากเปลี่ยนข้อความ:

Milk
Tea

ลองตัวเอง»

ความหมายและการใช้งาน

getElementsByTagName() วิธีการส่งกลับคอลเลกชันขององค์ประกอบขององค์ประกอบของเด็กที่มีชื่อแท็กที่กำหนดให้เป็นวัตถุ NodeList

วัตถุ NodeList หมายถึงคอลเลกชันของโหนด โหนดสามารถเข้าถึงได้โดยตัวเลขดัชนี ดัชนีเริ่มต้นที่ 0

เคล็ดลับ: คุณสามารถใช้ ระยะเวลาใน คุณสมบัติของวัตถุ NodeList เพื่อตรวจสอบจำนวนโหนดเด็กที่มีชื่อแท็กที่ระบุแล้วคุณสามารถห่วงผ่านโหนดทั้งหมดและสารสกัดจากข้อมูลที่คุณต้องการ

แนะนำ: parametervalue "*" ผลตอบแทนทั้งหมดขององค์ประกอบขององค์ประกอบของเด็ก

สนับสนุนเบราว์เซอร์

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่วิธีการ

วิธี
getElementsByTagName()	1.0	6.0	3.0	3.0	9.5

วากยสัมพันธ์

element .getElementsByTagName( tagname )

ค่าพารามิเตอร์

พารามิเตอร์	ชนิด	ลักษณะ
tagname	String	จำเป็นต้องใช้ tagname ขององค์ประกอบของเด็กที่คุณต้องการที่จะได้รับ

รายละเอียดทางเทคนิค

DOM รุ่น	หลักระดับ 1 ธาตุวัตถุ
กลับค่า:	วัตถุ NodeList คิดเป็นคอลเลกชันขององค์ประกอบขององค์ประกอบของเด็กที่มี tagname ระบุ องค์ประกอบในการเก็บกลับจะถูกเรียงลำดับตามที่ปรากฏในรหัสที่มา

ตัวอย่างอื่น ๆ

ตัวอย่าง

หาวิธีหลาย <p> องค์ประกอบที่มีอยู่ภายใน <div> องค์ประกอบ (โดยใช้ระยะเวลาในคุณสมบัติของวัตถุ NodeList) ที่:

var x = document.getElementById("myDIV").getElementsByTagName("P").length;

ผลของ x จะเป็น:

ลองตัวเอง»

ตัวอย่าง

เปลี่ยนสีพื้นหลังที่สอง <p> องค์ประกอบ (index 1) ภายใน <div> องค์ประกอบ:

var x = document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";

ลองตัวเอง»

ตัวอย่าง

เปลี่ยนสีพื้นหลังของทุก <p> องค์ประกอบภายใน <div> องค์ประกอบ:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

ลองตัวเอง»

ตัวอย่าง

เปลี่ยนสีพื้นหลังขององค์ประกอบที่สี่ (index 3) ภายใน <div> องค์ประกอบ:

var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";

ลองตัวเอง»

ตัวอย่าง

การใช้ "*" พารามิเตอร์

เปลี่ยนสีพื้นหลังขององค์ประกอบทั้งหมดภายใน <div> องค์ประกอบ:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

ลองตัวเอง»