วิธี removeChild

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

ไวยากรณ์

javascriptparent.removeChild(element);

ตัวอย่าง

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

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

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

parent.removeChild(elem);

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

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

ตัวอย่าง

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

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

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

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

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

ดูเพิ่มเติม