عنصر HTML DOM appendChild ()
أمثلة
إلحاق عنصر بقائمة:
const node = document.createElement("LI");
const textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
قبل:
- Coffee
- Tea
بعد:
- Coffee
- Tea
- Water
نقل عنصر من قائمة إلى أخرى:
const node = document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);
قبل:
- Coffee
- Tea
- Water
- Milk
بعد:
- Coffee
- Tea
- Milk
- Water
المزيد من الأمثلة أدناه.
التعريف والاستخدام
تقوم appendChild()
الطريقة بإلحاق عقدة كآخر فرع للعقدة.
تلميح: إذا كنت تريد إنشاء فقرة جديدة ، مع نص ، فتذكر إنشاء النص كعقدة نص تقوم بإلحاقها بالفقرة ، ثم إلحاق الفقرة بالمستند.
يمكنك أيضًا استخدام هذه الطريقة لنقل عنصر من عنصر إلى آخر (راجع "مزيد من الأمثلة").
بناء الجملة
node.appendChild(node)
المعلمات
Parameter | Description |
node | Required. The node to append. |
قيمة الإرجاع
نوع | وصف |
العقدة | العقدة الملحقة |
مزيد من الأمثلة
أنشئ عنصر <p> وألحقه بعنصر <div>:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.getElementById("myDIV").appendChild(para);
أنشئ عنصر <p> وألحقه بجسم المستند:
const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
دعم المتصفح
element.appendChild()
هي ميزة DOM المستوى 1 (1998).
إنه مدعوم بالكامل في جميع المتصفحات:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |