مثال
إدراج جديد <li> عنصر قبل عنصر تابع الأول من <ul> العنصر:
var newItem = document.createElement("LI"); // Create a <li> node
var textnode = document.createTextNode("Water"); // Create a text node
newItem.appendChild(textnode); // Append the text to <li>
var list =
document.getElementById("myList"); // Get the
<ul> element to insert a new node
list.insertBefore(newItem,
list.childNodes[0]); // Insert <li> before the first child of
<ul>قبل إدخال:
- Coffee
- Tea
بعد إدراج:
- Water
- Coffee
- Tea
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
و insertBefore() طريقة إدراج عقدة عندما كان طفلا، والحق قبل طفل القائمة التي تحددها.
نصيحة: إذا كنت ترغب في إنشاء عنصر قائمة جديد، مع النص، تذكر لإنشاء النص كما عقدة النص الذي إلحاق <li> العنصر، ثم أدخل <li> إلى القائمة.
يمكنك أيضا استخدام الأسلوب insertBefore لادخال / نقل عنصر موجود (See "More Examples") .
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الأسلوب.
| طريقة | |||||
|---|---|---|---|---|---|
| insertBefore() | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
قيم معلمة معامل اكتب وصف newnode Node object مطلوب. الكائن عقدة تريد إدراج existingnode Node object اختياري. العقدة طفل تريد إدراج عقدة جديدة قبل. عندما لم يكن محددا، فإن طريقة insertBefore إدراج newnode في نهاية
تفاصيل تقنية
قيمة الإرجاع: كائن عقدة، وهو ما يمثل العقدة إدراج صفحة DOM المستوى الأساسي كائن 1 عقدة
مزيد من الأمثلة
مثال
نقل <li> عنصر من قائمة إلى أخرى:
var node = document.getElementById("myList2").lastChild;
var
list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]); قبل إدخال:
- Coffee
- Tea
- Water
- Milk
بعد insertBefore:
- Milk
- Coffee
- Tea
- Water
انها محاولة لنفسك »