انتقل إلى محتوى الدرس

insertBefore

في هذا الدرس سوف نتعرف علي مجموعة من الخواص التي نستخدمها في إضافة عناصر جديدة الي مستند الأكواد الخاص بالمشروع ونستطيع ايضا من خلال هذه العناصر تحديد المكان الذي نريد اضافة هذه العناصر اليه 

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

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

الصف 1 شرح توضيحي
  •  insertBefore () هي دالة نستخدم لاضافة عقدة فرعية child Node قبل عقدة أخرى للعقدة الأصلية المحددة.
  • هي عبارة عن دالة تستخدم لأضافة عنصر فرعي child node بداخل عنصر أخر parent node وتجعلك تقوم بتحديد عنصر فرعي اخر بداخل العنصر الرئيسي لاضافة عنصر جديد قبله 

Syntax

HTML
node.insertBefore(newnode, existingnode)

في هذا المثال نقوم بنقل عنصر "<li>" من قائمة "<ul>" الي قائمة "<ul> " اخري

HTML
var node = document.getElementById("myList2").lastChild;
var list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]);

Example

HTML
var newItem = document.createElement("LI");
  var textnode = document.createTextNode("Water");
  newItem.appendChild(textnode);

  var list = document.getElementById("myList");
  list.insertBefore(newItem, list.childNodes[0]);

Example

HTML
let x = document.getElementById('weeks');  
        let add = document.createElement('li');  
        add.textContent = 'Tuesday';

جميع فقرات هذا الدرس (خصائص للأدخال)