انتقل إلى محتوى الدرس

removeChild() DOM Method in JavaScript دالة ()removeChild لحذف عنصر من ابن من عنصر أب DOM Tree في لغة جافا سكريبت

ستتعلم في هذا الدرس جميع دوال وخواص الحذف من ملف HTML سواء حذف عناصر Elements أو حذف خصائص Attributes أو إزالة عناصر فرعية Child Nodes أو إزالة أي Event لأي عنصر في لغة جافاسكريبت.

1 صفوف تعليمية
جافا سكريبت
4,837 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تستخدم دالة ()removeChild في لغة جافا سكريبت لحذف عنصر متفرع من عنصر اخر ابن من اب داخل  شجرة DOM Tree من صفحة HTML ولكن يجب عليك تحديد  العنصر أولاً عن طريق index number.

removeChild() method Syntax

كيف تكتب دالة [ removeAttribute] removeChild() method Syntax؟

HTML
Parent.removeChild(Parent.childNodes[0]);

معاملات دالة ()removeChild في لغة جافا سكريبت:

 دالة ()removeChild نقوم بتمرير لها عامل واحد فقط:

  •  childNodes[0]  وهي خاصية نقوم بتحديد رقم العنصرindex  number  المراد حذفة من العناصر الموجودة بداخل Parent أو العنصر الأب.


removeAttribute from element

يمكنك حذف خاصية attribute من أي عنصر داخل الشجرة عن طريق دالة ()removeAttribute.

HTML
let students = document.getElementById('students');
let button = document.getElementById('button');
button.addEventListener("click",()=>{
    students.removeChild(students.childNodes[0]);
});