วิธีลบองค์ประกอบ DOM ด้วย JavaScript

เรียนรู้เกี่ยวกับสองวิธีในการลบหรือซ่อนองค์ประกอบอย่างรวดเร็วจาก DOM ด้วย JavaScript

มีสองวิธีในการลบ/ซ่อนองค์ประกอบจาก DOM ด้วย JavaScript ถามตัวเอง “ฉันจะต้องนำองค์ประกอบนี้กลับมาอีกครั้งหรือไม่” .

ถ้าคำตอบคือ ใช่ แล้วคุณควร ซ่อน องค์ประกอบของคุณด้วยคุณสมบัติสไตล์:

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

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

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

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