คอลเล็กชันการฝัง HTML DOM ใช้สำหรับส่งคืนจำนวนอ็อบเจ็กต์ที่มีอยู่ในอาร์เรย์การฝัง [] ในเอกสาร HTML ของเรา องค์ประกอบในคอลเล็กชันมีอยู่ในลำดับเดียวกับที่ปรากฏในเอกสาร HTML

คุณสมบัติ

ต่อไปนี้เป็นคุณสมบัติของคอลเล็กชันการฝัง -

คุณสมบัติ	คำอธิบาย
ความยาว	หากต้องการส่งคืนจำนวน องค์ประกอบที่มีอยู่ในคอลเล็กชัน คุณไม่สามารถเปลี่ยนค่าคุณสมบัตินี้ได้เนื่องจากเป็นแบบอ่านอย่างเดียว

วิธีการ

ต่อไปนี้เป็นวิธีการสำหรับการรวบรวมการฝัง -

วิธีการ	คำอธิบาย
[ดัชนี]	หากต้องการส่งคืนองค์ประกอบ ในคอลเล็กชันด้วยดัชนีที่กำหนด การจัดทำดัชนีเริ่มต้นที่ 0 และคืนค่า null หากหมายเลขดัชนีอยู่นอกช่วง
รายการ(ดัชนี)	หากต้องการส่งคืนองค์ประกอบ จากคอลเล็กชันด้วยดัชนีที่กำหนด การจัดทำดัชนีเริ่มต้นที่ 0 และคืนค่า null หากหมายเลขดัชนีอยู่นอกช่วง
namedItem	เพื่อส่งคืนองค์ประกอบ จากคอลเล็กชันที่มี id ที่กำหนดที่เกี่ยวข้อง คืนค่า Null หากไม่มีรหัสที่ระบุ

ไวยากรณ์

ต่อไปนี้เป็นรูปแบบการฝังคอลเลกชัน -

document.embeds

ตัวอย่าง

ให้เราดูตัวอย่างสำหรับคอลเล็กชันการฝัง HTML DOM -

ตัวอย่างการฝัง

รับจำนวนองค์ประกอบการฝังในเอกสารนี้โดยคลิกที่ปุ่มด้านล่าง

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML DOM ฝังคอลเลกชัน

เมื่อคลิกปุ่ม GET COUNT -

HTML DOM ฝังคอลเลกชัน

ในตัวอย่างข้างต้น −

เราได้สร้างองค์ประกอบการฝังสององค์ประกอบที่มีสไตล์ css ที่ใช้กับองค์ประกอบตามค่าแอตทริบิวต์คลาสทั่วไป -

<ก่อน>.EMB{ width:200px; ความสูง:200px; border:4px สีน้ำเงินทึบ;}

จากนั้นเราได้สร้างปุ่ม GET COUNT ที่จะรันเมธอด embedsNo() เมื่อผู้ใช้คลิก -

embedsNo() วิธีการรับค่าแอตทริบิวต์ embeds.length และกำหนดให้กับตัวแปร e เนื่องจากมีเพียงสององค์ประกอบ ในเอกสารของเรา embeds.length จะส่งกลับ 2

ค่านี้จะแสดงในย่อหน้าด้วย id “Sample” และตั้งค่าคุณสมบัติ innerHTML เป็นข้อความที่ต้องการ -

ฟังก์ชันembedsNo() { var e =document.embeds.length; document.getElementById("Sample").innerHTML ="จำนวนองค์ประกอบที่ฝังในเอกสารนี้คือ " + e;}