HTML DOM removeChild() Method

<ธาตุวัตถุ

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

removeChild() วิธีการเอาเด็กโหนดที่ระบุขององค์ประกอบที่ระบุ

ส่งคืนโหนดลบออกเป็นวัตถุ Node หรือโหนด null ถ้าไม่ได้อยู่

หมายเหตุ: เด็กโหนดที่ลบออกไปเป็นส่วนหนึ่งของการไม่ DOM อย่างไรก็ตามมีการอ้างอิงที่ส่งกลับโดยวิธีการนี้ก็เป็นไปได้ที่จะแทรกเด็กออกไปองค์ประกอบในเวลาต่อมา (See "More Examples")

เคล็ดลับ: ใช้ appendChild() หรือ insertBefore() วิธีการแทรกโหนดออกลงในเอกสารเดียวกัน เพื่อแทรกไปยังเอกสารอื่นใช้ เอกสาร adoptNode() หรือ เอกสาร importNode() วิธีการ

สนับสนุนเบราว์เซอร์

วากยสัมพันธ์

ค่าพารามิเตอร์

พารามิเตอร์	ชนิด	ลักษณะ
node	Node object	จำเป็นต้องใช้ โหนดวัตถุที่คุณต้องการลบ

รายละเอียดทางเทคนิค

กลับค่า:	วัตถุโหนดคิดเป็นโหนดออกหรือ null ถ้าโหนดไม่อยู่
DOM รุ่น	ระดับแกนวัตถุ 1 โหนด

---

ตัวอย่างอื่น ๆ

ตัวอย่าง

หาคำตอบว่ารายการมีโหนดเด็ก ๆ ถ้าเป็นเช่นนั้นเอาของโหนดลูกคนแรก (index 0) :

// Get the <ul> element with id="myList"
var list = document.getElementById("myList");

// If the <ul> element has any child nodes, remove its first child node
if (list.hasChildNodes()) {
    list.removeChild(list.childNodes[0]);
}

ก่อนที่จะลบ:

• Coffee
• Tea
• Milk

ก่อนที่จะลบ:

• Tea
• Milk

ลองตัวเอง»

ตัวอย่าง

ลบโหนดลูกทั้งหมดของรายการ:

// Get the <ul> element with id="myList"
var list = document.getElementById("myList");

// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {  
    list.removeChild(list.firstChild);
}

ก่อนที่จะลบ:

• Coffee
• Tea
• Milk

หลังจากลบ:

ลองตัวเอง»

ตัวอย่าง

ลบ <li> องค์ประกอบที่มี id = "myLI" จากองค์ประกอบหลักของมัน (โดยไม่ต้องระบุโหนดแม่ของมัน):

var item = document.getElementById("myLI");
item.parentNode.removeChild(item);

ก่อนที่จะลบ:

• Coffee
• Tea
• Milk

หลังจากลบ:

• Coffee
• Milk

ลองตัวเอง»

ตัวอย่าง

ลบ <li> องค์ประกอบจากผู้ปกครองของตนและใส่อีกครั้ง:

var item = document.getElementById("myLI");

function removeLi() {
    item.parentNode.removeChild(item);
}

function appendLi() {
    var list = document.getElementById("myList");
    list.appendChild(item);
}

ลองตัวเอง»

ตัวอย่าง

ลบ <span> องค์ประกอบจากผู้ปกครองและแทรกไปยัง <h1> องค์ประกอบในเอกสารอื่น:

var child = document.getElementById("mySpan");

function removeLi() {
    child.parentNode.removeChild(child);
}

function myFunction() {
    var frame = document.getElementsByTagName("IFRAME")[0]
    var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
    var x = document.adoptNode(child);
    h.appendChild(x);
}

ลองตัวเอง»

---

<ธาตุวัตถุ