ฟังก์ชันสำหรับทำงานกับองค์ประกอบ DOM ใน JavaScript

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

นี่คือฟังก์ชันที่อธิบายไว้:

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

ลองทดสอบการทำงานของมันดู สมมติว่าเรามี สองย่อหน้า:

<p id="elem1"></p>
<p id="elem2"></p>

ลองเปลี่ยนข้อความของย่อหน้าเหล่านี้โดยใช้ ฟังก์ชันที่เราสร้างขึ้น:

setText('elem1', 'text1');
setText('elem2', 'text2');

ปรับเปลี่ยนฟังก์ชันที่ฉันสร้างให้ รับพารามิเตอร์เป็น CSS selector ใดๆ ขององค์ประกอบ แทนที่จะเป็น id ขององค์ประกอบ

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