Cách xóa phần tử HTML hiện có trong JavaScript

Để xóa phần tử HTML hiện có, phải dùng removeChild(). Nó xóa phần tử bất kỳ khỏi phần tử cha.

Cú pháp

removeChild(phần_tử);

Nhận phần tử làm tham số và loại bỏ nó khỏi DOM.

Ví dụ

Trong div ban đầu có 2 văn bản. Dùng removeChild() xóa một, chỉ còn một văn bản hiển thị.

<html> <body> <div id="new"> <p id="p1">Tutorix</p> <p id="p2">Tutorialspoint</p> </div> <script> 
    var parent = document.getElementById("new"); 
    var child = document.getElementById("p1"); 
    parent.removeChild(child); 
</script> </body> </html>

Kết quả

Tutorialspoint