วิธีลบอิลีเมนต์ DOM ด้วย JavaScript

เรียนรู้ 2 วิธีที่แตกต่างกันในการลบหรือซ่อนอิลีเมนต์จาก DOM ด้วย JavaScript อย่างรวดเร็ว

มี 2 วิธีในการลบ/ซ่อนอิลีเมนต์จาก DOM ด้วย JavaScript ถามตัวเองว่า "ฉันจะต้องนำอิลีเมนต์นี้กลับมาใช้ใหม่ในภายหลังไหม?"

ถ้าคำตอบคือ ใช่ คุณควร ซ่อน อิลีเมนต์ด้วยพร็อพเพอร์ตี้ style:

const hideElement = document.querySelector('#element-to-hide') hideElement.style.display = 'none'

ถ้าคุณไม่ต้องนำอิลีเมนต์กลับมาใช้ใหม่ ใช้วิธีนี้:

const removeElement = document.querySelector('#element-to-remove') removeElement.parentNode.removeChild(removeElement)

จำไว้ว่าเมื่อใช้ querySelector() เลือกอิลีเมนต์ # สำหรับอิลีเมนต์ที่มีแอตทริบิวต์ ID, . สำหรับคลาส