Cách xóa các phần tử khỏi DOM bằng ES6 JavaScript

Với ES6 JavaScript, thật dễ dàng để xóa các phần tử khỏi DOM. Bạn chỉ cần đính kèm remove() đến phần tử bạn muốn xóa:

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

Ví dụ:nếu bạn muốn xóa h1 phần tử từ một trang web:

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

remove() phương pháp tương thích với tất cả các trình duyệt hiện đại, bao gồm cả Edge. Nó không tương thích với bất kỳ trình duyệt Internet Explorer nào, kể cả IE11.

Nguồn:Caniuse.com