<!DOCTYPE html>
<html>
<head>
<title>Phương thức removeChild() xóa tất cả trong JavaScript</title>
</head>
<body>
<h1>Phương thức removeChild() xóa tất cả trong JavaScript</h1>
<p>Phương thức removeChild() trong JavaScript dùng để xóa nút con HTML của một nút cha thông qua vị trí, id hoặc xóa tất cả các phần tử HTML con của một nút cha, ở ví dụ này mình xóa tất cả các nút con của nút cha:</p>
<ul id="ulid" style="border:1px solid red; padding:20px">
<li>Trang chủ</li>
<li>Giới thiệu</li>
<li>Hosting</li>
<li>Blog</li>
<li>Liên hệ</li>
</ul>
<p>Click vào nút XÓA TẤT CẢ để xóa tất cả phần tử con của ul có id ulid</p>
<button onclick="xoaTatCa()">XÓA TẤT CẢ</button>
<script>
function xoaTatCa() {
const ulid = document.getElementById("ulid");
while (ulid.hasChildNodes()) {
ulid.removeChild(ulid.firstChild);
}
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Phương thức removeChild() xóa tất cả trong JavaScript</title>
</head>
<body>
<h1>Phương thức removeChild() xóa tất cả trong JavaScript</h1>
<p>Phương thức removeChild() trong JavaScript dùng để xóa nút con HTML của một nút cha thông qua vị trí, id hoặc xóa tất cả các phần tử HTML con của một nút cha, ở ví dụ này mình xóa tất cả các nút con của nút cha:</p>
<ul id="ulid" style="border:1px solid red; padding:20px">
<li>Trang chủ</li>
<li>Giới thiệu</li>
<li>Hosting</li>
<li>Blog</li>
<li>Liên hệ</li>
</ul>
<p>Click vào nút XÓA TẤT CẢ để xóa tất cả phần tử con của ul có id ulid</p>
<button onclick="xoaTatCa()">XÓA TẤT CẢ</button>
<script>
function xoaTatCa() {
const ulid = document.getElementById("ulid");
while (ulid.hasChildNodes()) {
ulid.removeChild(ulid.firstChild);
}
}
</script>
</body>
</html>
