วิธี removeChild

วิธี removeChild อนุญาตให้ลบ องค์ประกอบ ใช้กับองค์ประกอบผู้ปกครอง โดยระบุองค์ประกอบที่ต้องการลบ

ไวยากรณ์

parent.removeChild(element);

ตัวอย่าง

มาลบย่อหน้า #elem กัน สำหรับสิ่งนี้ รับผู้ปกครองของมัน #parent และใช้วิธี removeChild กับผู้ปกครองที่ได้รับ และส่งองค์ประกอบที่ต้องการลบเป็นพารามิเตอร์ของวิธี:

<div id="parent">
	<p id="elem">elem 1</p>
	<p>elem 2</p>
</div>

let parent = document.querySelector('#parent');
let elem = document.querySelector('#elem');

parent.removeChild(elem);

ผลลัพธ์ของการรันโค้ด:

<div id="parent">
	<p>elem 2</p>
</div>

ตัวอย่าง

หากต้องการลบองค์ประกอบ แต่ไม่มีลิงก์ไปยัง ผู้ปกครองของมัน - สามารถรับผู้ปกครองได้ ผ่าน parentElement:

<div>
	<p id="elem">elem 1</p>
	<p>elem 2</p>
</div>

let elem = document.querySelector('#elem');
elem.parentElement.removeChild(elem);

ผลลัพธ์ของการรันโค้ด:

<div id="parent">
	<p>elem 2</p>
</div>

ดูเพิ่มเติม

วิธี remove,
ซึ่งสามารถใช้ลบองค์ประกอบได้