ในการ ลบ โหนดย่อยของรายการ javascript ได้ให้ removeChild() กระบวนการ. ด้วยวิธีนี้ เราสามารถลบรายการโดยใช้ดัชนี ตำแหน่ง . มาพูดคุยกันสั้นๆ
ไวยากรณ์
node.removeChild(node);
ตัวอย่าง-1
ในตัวอย่างต่อไปนี้ มี 3 องค์ประกอบ ในรายการที่ให้มา แต่หลังจากลบเด็กออก มีเพียงสององค์ประกอบในรายการและถูกแสดงในผลลัพธ์
<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> ผลลัพธ์
Tesla Solarcity
ตัวอย่าง-2
ในตัวอย่างต่อไปนี้ มี 3 องค์ประกอบ ในรายการที่ให้มา แต่หลังจากลบลูกคนแรกโดยใช้วิธี removeChild() องค์ประกอบที่เหลืออีกสององค์ประกอบที่เหลือถูกแสดงตามที่แสดงในผลลัพธ์
<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> ผลลัพธ์
Spacex Solarcity
