เมธอด entries() ของ NodeList ใน HTML DOM

คำนิยามและการใช้งาน

วิธี entry() กลับมาด้วยตัวแทน Iterator ที่มีคู่ของกุญแจ/ค่าจาก NodeList

ตัวอย่าง

ตัวอย่าง 1

แสดงรายการของลูกทุกตัวของเอกสาร:

const list = document.body.childNodes;
for (let x of list.entries()) {
  text += x[0] + " " + x[1];
}

ทดลองด้วยตัวเอง

ตัวอย่าง 2

แสดงชื่อของลูกทุกตัวของเอกสาร:

const list = document.body.childNodes;
for (let x of list.entries()) {
  text += x[0] + " " + x[1].nodeName;
}

ทดลองด้วยตัวเอง

ตัวอย่าง 3

แสดงค่าของลูกทุกตัวของเอกสาร:

const list = document.body.childNodes;
for (let x of list.entries()) {
  text += x[0] + " " + x[1].nodeValue;
}

ทดลองด้วยตัวเอง

ตัวอย่าง 4

เรียกกุญแจของลูกทุกตัวของ <body> ออกมา:

const list = document.body.childNodes;
for (let x of list.keys()) {
  ... โค้ด ...
}

ทดลองด้วยตัวเอง

ตัวอย่าง 5

เรียกค่าของลูกทุกตัวของ <body> ออกมา:

const list = document.body.childNodes;
for (let x of list.values()) {
  ... โค้ด ...
}

ทดลองด้วยตัวเอง

รูปแบบ

nodelist.entries()

ค่าที่ใส่เข้ามา

ไม่มีค่าที่ใส่เข้ามา

ค่าที่กลับมา

ประเภท คำอธิบาย
วัตถุ มีตัวแทน Iterator ที่มีคู่ของกุญแจ/ค่าในรายการ

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

nodelist.entries() คือคุณสมบัติ DOM Level 4 (2015)

ทุกบราวเซอร์ที่สนับสนุนมัน:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

Internet Explorer 11 (หรือเก่ากว่า) ไม่สนับสนุน nodelist.entries()

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

คุณสมบัติ length

วิธี forEach()

วิธี item()

วิธี keys()

วิธี values()

เป้าหมาย NodeList

วิธี childNodes()

วิธี querySelectorAll()

วิธี getElementsByName()