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

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

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

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

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

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

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

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