انتقل إلى محتوى الدرس
فقرة فرعية #3 من درس: Add elements

appendChild

في هذا الدرس سوف نتعرف علي طريقة اضافة بعض الخصائص والدوال الي عناصر ال HTML باستخدام لغة ال java script

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

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

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

appendChild () هي دالة لواجهة Node في JavaScript. حيث أن دالة appendChild () تمكننا من إضافة عقدة Node إلى نهاية قائمة العقد الفرعية الخاصة بالعقدة الأصلية المحددة.



Syntax

HTML
parentNode.appendChild(childNode)

في المثال التالي نقوم بتخزين اخر عنصر من عناصر القائمة الثانية في متغير يسمي node عن طريق استخدام خاصية "lastChild" ثم بعد ذلك نقوم بنقل هذا العنصر الي القائمة الأولي عن طريق دالة "appendChild "

HTML
ar node = document.getElementById("myList2").lastChild;
  document.getElementById("myList1").appendChild(node);

Example

HTML
var node = document.createElement("LI");  
            var textnode =   
                document.createTextNode("C#");  
            node.appendChild(textnode);  
            document.getElementById("languages").appendChild(node);