HTML DOM insertBefore () الطريقة
مثال
أدخل عنصر <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>
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يُدرج الأسلوب insertBefore () العقدة كعقدة فرعية ، مباشرةً قبل العنصر الفرعي الموجود ، والذي تحدده.
تلميح: إذا كنت تريد إنشاء عنصر قائمة جديد ، مع نص ، فتذكر إنشاء النص كعقدة نص تقوم بإلحاقها بالعنصر <li> ، ثم قم بإدراج <li> في القائمة.
يمكنك أيضًا استخدام طريقة insertBefore لإدراج / نقل عنصر موجود (راجع "مزيد من الأمثلة").
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الطريقة بالكامل.
Method | |||||
---|---|---|---|---|---|
insertBefore() | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
node.insertBefore(newnode, existingnode)
قيمه المعامل
Parameter | Type | Description |
---|---|---|
newnode | Node object | Required. The node object you want to insert |
existingnode | Node object | Required. The child node you want to insert the new node before. If set to
null , the insertBefore method will insert the newnode at the end |
تفاصيل تقنية
قيمة الإرجاع: | كائن عقدة ، يمثل العقدة المدرجة |
---|---|
إصدار DOM | كائن عقدة المستوى 1 الأساسي |
مزيد من الأمثلة
مثال
انقل <li> عنصرًا من قائمة إلى أخرى:
var node = document.getElementById("myList2").lastChild;
var list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]);