Để xóa một phần tử HTML hiện có removeChild () phải được sử dụng. Nó loại bỏ bất kỳ phần tử nào khỏi phần tử mẹ.
cú pháp
removeChild(element);
Nó nhận một phần tử làm tham số và loại bỏ nó khỏi DOM.
Ví dụ
Trong ví dụ sau, trong phần div ban đầu chúng ta có 2 văn bản. Nhưng khi removeChild () phương pháp được sử dụng, một trong những văn bản đó bị xóa và chỉ còn lại một văn bản trong phần. Văn bản đó được hiển thị trong đầu ra.
<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> Đầu ra
Tutorialspoint