Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จะลบองค์ประกอบ HTML ที่มีอยู่ใน JavaScript ได้อย่างไร


ในการ ลบ องค์ประกอบ HTML ที่มีอยู่ removeChild() จะต้องใช้ มันลบองค์ประกอบใด ๆ ออกจากองค์ประกอบหลัก

ไวยากรณ์

removeChild(element);

ใช้องค์ประกอบเป็นพารามิเตอร์และลบออกจาก DOM

ตัวอย่าง

ในตัวอย่างต่อไปนี้ ใน ส่วน div ตอนแรกเรามี 2 ข้อความ แต่เมื่อ removeChild() ใช้วิธีใดข้อความหนึ่งจะถูกลบออกและมีเพียงข้อความเดียวที่เหลืออยู่ในส่วน ข้อความนั้นจะแสดงในผลลัพธ์

<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>

ผลลัพธ์

Tutorialspoint