HTML DOM Element คุณสมบัติ childNodes
- หน้าก่อนหน้า
- หน้าต่อไป
- กลับไปหน้าเดิม HTML DOM Elements องค์ประกอบ
คำนิยามและการใช้งาน
childNodes คุณสมบัติที่กลับคำนำค่าเป็นชุดของลูกขององค์ประกอบ (แบบลิสต์)
childNodes คุณสมบัติที่กลับคำนำค่าเป็น NodeList อ็บเจ็กท์
childNodes คุณสมบัตินี้เป็นคุณสมบัติที่แสดงข้อมูลเท่านั้น
childNodes[0] เหมือนกับ firstChild
คำเตือน
childNodes กลับคำนำค่าตัวเลขเป็นตัวเลขที่อยู่ในตำแหน่ง 0 ของ NodeList
ช่องว่างระหว่างองค์ประกอบก็เป็นข้อความของต้นโครงสร้าง
ทางเลือกเดียวกัน:
children คุณสมบัติ - children คุณสมบัติที่กลับคำนำค่าอยู่แบบลิสต์ลูกขององค์ประกอบ (ซึ่งของที่เป็นข้อความและหมายเหตุจะถูกละเลย)
ดูเพิ่มเติม:
คุณสมบัติของโครงสร้าง
องค์ประกอบของ HTML และองค์ประกอบ
ใน HTML DOM（Document Object Model）เป็นชุดของโครงสร้างที่มี (หรือไม่มี) ลูกโครงสร้าง
โครงสร้างหมายถึงโครงสร้างขององค์ประกอบ โครงสร้างของข้อความ และโครงสร้างของความคิด
องค์ประกอบช่องว่างระหว่างเงื่อนไขเป็นโครงสร้างของข้อความ
และองค์ประกอบเป็นโครงสร้างขององค์ประกอบ
ลูกโครงสร้างและลูกองค์ประกอบ
childNodes คืนค่าลูกโครงสร้าง（โครงสร้างขององค์ประกอบ ของโครงสร้างของข้อความ และโครงสร้างของความคิด）
children คืนค่าลูกองค์ประกอบไม่ใช่โครงสร้างของข้อความและโครงสร้างของความคิด
ครอบครัวและครอบครัวขององค์ประกอบ
ครอบครัวคือ "พี่น้อง" และ "พี่น้องฝาย"
ครอบครัวคือองค์ประกอบที่มีพ่อเดียวกัน (ในรูปแบบที่เหมือนกัน childNodes ในรายการ)。
ครอบครัวขององค์ประกอบคือองค์ประกอบที่มีพ่อเดียวกัน (ในรูปแบบที่เหมือนกัน children ในรายการ)。
ตัวอย่าง
ตัวอย่าง 1
เข้าถึงลูกโครงสร้างของ element <body>:
const nodeList = document.body.childNodes;
ตัวอย่าง 2
เข้าถึงจำนวนของลูกโครงสร้างของ "myDIV":
let numb = document.getElementById("myDIV").childNodes.length;
ตัวอย่าง 3
เปลี่ยนสีพื้นหลังของลูกโครงสร้างที่สอง:
element.childNodes[1].style.backgroundColor = "yellow";
ตัวอย่าง 4
เข้าถึงข้อความของลูกโครงสร้างที่สามของ element <select>:
let text = document.getElementById("mySelect").childNodes[2].text;
บทวิเคราะห์
element.childNodes
ค่าที่คืนค่า
| ชนิด | บรรณาธิการ |
|---|---|
| ตัว |
ชุดของ NodeList ของโครงสร้าง จำนวนของโครงสร้างของตัวต่างหากตามลำดับที่ปรากฏในเอกสาร |
การสนับสนุนของเบรายเครื่องมือ
element.childNodes เป็นคุณสมบัติของ DOM Level 1 (1998)
ทุกเบรายเครื่องมือเข้าใช้งานได้ทั้งหมด:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| การสนับสนุน | 9-11 | การสนับสนุน | การสนับสนุน | การสนับสนุน | การสนับสนุน |
- หน้าก่อนหน้า
- หน้าต่อไป
- กลับไปหน้าเดิม HTML DOM Elements องค์ประกอบ
