XML DOM ตัวเลือก HTMLCollection

มิเทอร์เรียล คอลเลกชัน

มิเทอร์เรียล คอลเลกชัน คือสมาชิกของมิเทอร์เรียลที่แสดงชุดขององค์ประกอบ HTML โดยมีวิธีและคุณสมบัติที่สามารถเดินทางผ่านรายการ

มิเทอร์เรียล คอลเลกชัน ใน HTML DOM คือ 'ทันที' ถ้าเอกสารมีการเปลี่ยนแปลงขั้นพื้นฐาน แล้วการเปลี่ยนแปลงนั้นจะแสดงออกทันทีผ่านทางมิเทอร์เรียล คอลเลกชันทั้งหมด

ในแต่ละโครงการ (และคุณสมบัติที่กำหนด) ต่างก็คืนมิเทอร์เรียล คอลเลกชัน

  • Document (images, applets, links, forms, anchors)
  • form (elements)
  • map (areas)
  • select (options)
  • table (rows, tBodies)
  • tableSection (rows)
  • row (cells)

หลายคุณสมบัติของตัวเลือก HTMLDocument ต่างเป็นมิเทอร์เรียล คอลเลกชัน ที่ให้วิธีเข้าถึงองค์ประกอบเอกสารอย่างง่าย อย่างเช่น ฟอร์ม รูปภาพ และลิงก์form.elements และ select.options ต่างเป็นมิเทอร์เรียล คอลเลกชัน Table แถวทั้งหมดของ TableRow วิธีที่ง่ายในการนำเอาหน่วยของแถวในตารางต่างๆ

ที่เคยกล่าวไปแล้ว มิเทอร์เรียล คอลเลกชัน คือชุดขององค์ประกอบ HTML ที่มีวิธี โดยที่ใช้ได้ผ่านตำแหน่งขององค์ประกอบในเอกสารหรือตามคุณสมบัติ id หรือ name ขององค์ประกอบ ใน JavaScript มิเทอร์เรียล คอลเลกชัน จะมีพฤติกรรมเหมือนตัวเลขอ่านเพียงตัวเดียว จึงสามารถใช้เบลอโครงเลขหรือชื่อที่มีอยู่ในมิเทอร์เรียล คอลเลกชัน โดยไม่จำเป็นต้องเรียก วิธี item()และ วิธี namedItem()。

มิเทอร์เรียล คอลเลกชัน คือแบบค่าอ่านเพียงตัวเดียว ไม่สามารถเพิ่มองค์ประกอบใหม่เข้าไปได้ แม้ว่าจะใช้นโยบายแบบตัวเลขของ JavaScript ก็ตาม

มิเทอร์เรียล คอลเลกชัน และ องค์ประกอบ NodeListคล้ายกันมาก แต่ในแรกอาจใช้แบบดูแลด้วยชื่อหรือด้วยตัวเลข

แบบค่าอ่านเพียงตัวเดียวของมิเทอร์เรียล คอลเลกชัน

แบบค่าอ่านเพียงตัวเดียว รายละเอียด
cssRules แบบค่าอ่านเพียงตัวเดียว คืนค่าเป็นตัวเลขเต็มที่บอกแสดงความยาวของรายการ (คือจำนวนองค์ประกอบในชุด)

มิเทอร์เรียล คอลเลกชัน วิธี

วิธี รายละเอียด
item() กลับคืนสมาชิกในชุดที่มีตำแหน่งที่กำหนด
namedItem() กลับคืนสมาชิกในชุดที่มีค่าทาง属性 name หรือ id ที่เป็นค่าที่กำหนด

ตัวอย่าง

var c = document.forms;		//นี่เป็นองค์ประกอบ HTMLCollection ของ element form
var firstform = c[0];		//สามารถใช้เป็นแนวทางแบบตัวเลข
var lastform = c[c.length-1];	//ตัวแปร length รับค่าจำนวนช่องว่าง
var address = c["address"];		//สามารถใช้เป็นแนวทางแบบตาราง
var address = c.address;		// JavaScript อนุญาตให้ใช้รูปแบบนี้

หน้าที่เกี่ยวข้อง

คู่มือ HTML DOM:องค์ประกอบ HTMLDocument

คู่มือ HTML DOM:องค์ประกอบ NodeList

คู่มือ:คู่มือ HTML DOM