มิติแบบ HTML DOM NodeList forEach()
- หน้าก่อน entries()
- หน้าต่อไป item()
- กลับไปยังระดับเดิม HTML DOM NodeList
定义和用法
คำนิยามและการใช้งาน
forEach() ฟังก์ชันทำงานฟังก์ชันคลิกแบ็คสำหรับแต่ละตัวเครื่องมือใน NodeList
ตัวอย่าง
ตัวอย่าง 1
const list = document.body.childNodes;
list.forEach(
ทำงานฟังก์ชันสำหรับแต่ละตัวเครื่องมือของเอกสาร
function(node, index) {
}
);
text += index + " " + node;
ตัวอย่าง 2
const list = document.body.childNodes;
list.forEach(
function(node) {
บันทึกชื่อตัวเครื่องมือลูกของเอกสาร
}
);
ตัวอย่าง 3
บันทึกชนิดของตัวเครื่องมือลูกของเอกสาร
const list = document.body.childNodes;
list.forEach(
function(node) {
text += node.nodeType;
}
);
รูปแบบ
nodelist.forEach(function(currentValue, index, arr) thisValue)
ตัวอย่าง
| ตัวอย่าง | คำอธิบาย |
|---|---|
| function() | จำเป็น ฟังก์ชันที่ทำงานสำหรับแต่ละตัวเครื่องมือ |
| currentValue | จำเป็น ค่าของตัวเครื่องมือปัจจุบัน |
| index | ทางเลือก ดัชนีของตัวเครื่องมือปัจจุบัน |
| arr | ทางเลือก สำหรับ NodeList ของตัวเครื่องมือปัจจุบัน |
| thisValue |
ทางเลือก โดยเริ่มต้นด้วย undefined ค่าที่ส่งผลกลับให้กับ this ของฟังก์ชัน |
ค่าที่ส่งผลกลับ
ไม่มี
การสนับสนุนบราวเซอร์
nodelist.forEach() คือคุณสมบัติของ DOM Level 4 (2015)
ทุกบราวเซอร์สมัยใหม่ต่างสนับสนุนมัน:
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
Internet Explorer 11 (หรือเวอร์ชั่นต่อไป) ไม่สนับสนุน nodelist.forEach()
หน้าที่เกี่ยวข้อง
- หน้าก่อน entries()
- หน้าต่อไป item()
- กลับไปยังระดับเดิม HTML DOM NodeList
