HTML DOM removeChild() Method

<كائن العنصر

أكثر "Try it Yourself" الأمثلة أدناه.

تعريف والاستخدام

و removeChild() طريقة إزالة عقدة تابعة محددة من العنصر المحدد.

إرجاع العقدة التي تمت إزالتها ككائن عقدة، أو لاغية حالة عدم وجود العقدة.

ملاحظة: عقدة تابعة إزالتها لم تعد جزءا من DOM. ومع ذلك، مع الإشارة إرجاعها بواسطة هذه الطريقة، فمن الممكن لإدراج الأطفال إزالة لعنصر في وقت لاحق (See "More Examples") .

نصيحة: استخدم appendChild() أو insertBefore() طريقة لإدراج العقدة التي تمت إزالتها في نفس الوثيقة. لإدراجها في وثيقة أخرى، استخدم وثيقة. adoptNode() أو وثيقة. importNode() الأسلوب.

دعم المتصفح

بناء الجملة

قيم معلمة

معامل	اكتب	وصف
node	Node object	مطلوب. الكائن العقدة التي تريد إزالتها

تفاصيل تقنية

قيمة الإرجاع:	كائن عقدة، وهو ما يمثل العقدة إزالتها، أو لاغية إذا العقدة غير موجود
صفحة 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> عنصر مع معرف = "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);
}

انها محاولة لنفسك »

---

<كائن العنصر