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

ด้วย ES6 JavaScript การลบองค์ประกอบออกจาก DOM เป็นเรื่องง่าย คุณเพียงแค่แนบ remove() วิธีการองค์ประกอบที่คุณต้องการลบ:

let element = document.querySelector("element-to-remove")
element.remove()

ตัวอย่างเช่น หากคุณต้องการลบ h1 องค์ประกอบจากหน้าเว็บ:

let headingOne = document.querySelector("h1")
headingOne.remove()

remove() เมธอดเข้ากันได้กับเบราว์เซอร์รุ่นใหม่ทั้งหมด รวมถึง Edge. ไม่สามารถทำงานร่วมกับเบราว์เซอร์ Internet Explorer รวมถึง IE11

ที่มา:Caniuse.com