طريقة HTML DOM removeChild()

مثلثات عنصر HTML DOM

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

النص

node.removeChild(node)

var　div　=　document.getElementById("demo");
div.removeChild(div.firstElementChild);

توافق المتصفحات

يدعم جميع المتصفحات طريقة removeChild() بشكل كامل:

قيمة المتغير

تفاصيل تقنية

مزيد من الأمثلة

البحث عن ما إذا كان DIV يحتوي على أي عناصر فرعية. إذا تم العثور على ذلك، يتم حذف العنصر الأول (النقطة 0):

var　div　=　document.getElementById("demo");
if　(div.hasChildNodes())　{
　　　div.removeChild(div.children[0]);
}

حذف جميع الأبناء من العنصر:

var　div　=　document.getElementById("demo");
while　(div.hasChildNodes())　{
　div.removeChild(div.children[0]);
}

حذف العنصر المحدد دون الحاجة إلى تحديد العنصر الأب:

var　node　=　document.getElementById("myP");
if　(node.parentNode)　{
　　　node.parentNode.removeChild(node);
}

مراجع مرتبطة

مرجع HTML DOMالنود طريقة .parentNode()

مرجع HTML DOMالنود طريقة .hasChildNodes()

مرجع HTML DOMالنود طريقة .appendChild()

مرجع HTML DOMالنود طريقة .insertBefore()

مرجع HTML DOMالنود طريقة .replaceChild()

مثلثات عنصر HTML DOM