ฟังก์ชันสำหรับทำงานกับกลุ่มขององค์ประกอบ DOM

ตอนนี้เรามาเขียนฟังก์ชันที่รับพารามิเตอร์เป็นตัวเลือกกลุ่มขององค์ประกอบ (selector) และข้อความใหม่ของพวกมัน โดยให้ฟังก์ชันนี้กำหนดข้อความใหม่ให้กับทุกองค์ประกอบที่ตรงกับตัวเลือก

มาลงมือสร้างฟังก์ชันตามที่อธิบายไว้:

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

ลองทดสอบฟังก์ชันกับกลุ่มขององค์ประกอบต่อไปนี้:

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

กำหนดข้อความใหม่ให้กับทุกองค์ประกอบที่มีคลาส elem:

setText('.elem', 'text');

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