Để xóa nút con của danh sách javascript đã cung cấp removeChild () phương pháp. Sử dụng phương pháp này, chúng tôi có thể xóa bất kỳ mục nào trong danh sách bằng cách sử dụng vị trí chỉ mục của nó . Hãy thảo luận ngắn gọn về nó.
cú pháp
node.removeChild(node);
Ví dụ-1
Trong ví dụ sau, có 3 phần tử trong danh sách được cung cấp nhưng sau khi loại bỏ một phần tử con, chỉ có hai phần tử trong danh sách và chúng được hiển thị trong đầu ra.
<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<script>
var list = document.getElementById("list");
list.removeChild(list.childNodes[1]);
</script>
</body>
</html> Đầu ra
Tesla Solarcity
Ví dụ-2
Trong ví dụ sau, có 3 phần tử trong danh sách được cung cấp nhưng sau khi xóa con đầu tiên bằng phương thức removeChild () hai phần tử còn lại còn lại được hiển thị như được hiển thị trong đầu ra.
<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<script>
var list = document.getElementById("list");
list.removeChild(list.childNodes[0]);
</script>
</body>
</html> Đầu ra
Spacex Solarcity