انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #4 من درس: العُقد مع DOM في لغة جافا سكريبت

Removing a Child

في هذا الدرس سوف تتعلم كيفية انشاء Node جديد بداخل الشجرة Tree والحاقة باي Node او ازالة Node موجود بداخل ال Tree

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

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

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

هناك طريقة اخري لإزالة ال node من ال Tree ولكن عن طريق ال parent :

  • قم باختيار ال parent عن طريق document.getElementById("parentIDName")
  • قم باختيار ال child الذي تريد حذفة من ال tree عن طريق document.getElementById("childIDName")
  • ثم نستخدم دالة removeChild مثال removeChildparent.removeChild(child)
HTML 
<!DOCTYPE html>
<html>
<body>

<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>

<script>
var parent = document.getElementById("div1");
var child = document.getElementById("p1");
parent.removeChild(child);
</script>

</body>
</html>
جرّب بنفسك

جميع فقرات هذا الدرس (العُقد مع DOM في لغة جافا سكريبت)