<!DOCTYPE html>
<html>
<head>
<title>Phương thức removeChild() id trong JavaScript</title>
</head>
<body>
<h1>Phương thức removeChild() id 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 phần tử con có id được chỉ định:</p>
<ul id="ulid" style="border:1px solid red; padding:20px">
<li>Trang chủ</li>
<li>Giới thiệu</li>
<li id="lihosting">Hosting</li>
<li>Blog</li>
<li>Liên hệ</li>
</ul>
<p>Click vào nút XÓA PHẦN TỬ CON ID để xóa phần tử con có id đó</p>
<button onclick="xoaPhanTuConId()">XÓA PHẦN TỬ CON ID</button>
<script>
function xoaPhanTuConId() {
const lihosting = document.getElementById("lihosting");
lihosting.parentNode.removeChild(lihosting);
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Phương thức removeChild() id trong JavaScript</title>
</head>
<body>
<h1>Phương thức removeChild() id 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 phần tử con có id được chỉ định:</p>
<ul id="ulid" style="border:1px solid red; padding:20px">
<li>Trang chủ</li>
<li>Giới thiệu</li>
<li id="lihosting">Hosting</li>
<li>Blog</li>
<li>Liên hệ</li>
</ul>
<p>Click vào nút XÓA PHẦN TỬ CON ID để xóa phần tử con có id đó</p>
<button onclick="xoaPhanTuConId()">XÓA PHẦN TỬ CON ID</button>
<script>
function xoaPhanTuConId() {
const lihosting = document.getElementById("lihosting");
lihosting.parentNode.removeChild(lihosting);
}
</script>
</body>
</html>
