การส่งกลุ่มองค์ประกอบ DOM เป็นพารามิเตอร์ของฟังก์ชัน

ตอนนี้ให้ฟังก์ชัน setText ของเรา รับพารามิเตอร์แรกเป็นลิงก์ ไม่ใช่แค่องค์ประกอบเดียว แต่เป็นชุดขององค์ประกอบทันที:

function setText(elems, text) {
	for (let elem of elems) {
		elem.textContent = text;
	}
}

มาทดลองใช้ฟังก์ชันของเราในทางปฏิบัติกัน สมมติว่าเรามีย่อหน้าต่อไปนี้:

<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>

ลองใช้ฟังก์ชันของเราเพื่อตั้งค่า ข้อความบางอย่างให้กับย่อหน้าเหล่านี้ทั้งหมด:

let elems = document.querySelectorAll('.elem');
setText(elems, 'text');

สร้างฟังก์ชัน appendText ซึ่ง พารามิเตอร์แรกจะรับอาร์เรย์ของ องค์ประกอบ DOM และพารามิเตอร์ที่สอง - ข้อความ ทำให้ ฟังก์ชันนี้เพิ่มข้อความ ไปที่ส่วนท้ายขององค์ประกอบที่ส่งมา

สร้างฟังก์ชัน appendElem ซึ่ง พารามิเตอร์แรกจะรับลิงก์ไปยัง ออบเจ็กต์ DOM ที่มีแท็ก ul อยู่ข้างใน และพารามิเตอร์ที่สอง - ข้อความ ทำให้ฟังก์ชันนี้ สร้าง li ใหม่ด้วยข้อความที่ส่งมาและเพิ่มเข้าไปที่ส่วนท้ายของแท็ก ul ที่ส่งมา

กำหนดให้มีอาร์เรย์และ ul โดยใช้ฟังก์ชัน appendElem ที่สร้างขึ้นใน งานก่อนหน้า ให้เขียนแต่ละองค์ประกอบของอาร์เรย์ลงใน li แยกต่างหากใน ul นี้