مетод insertBefore() فرزند HTML DOM Element

تعریف و استفاده

insertBefore() مетод در پیش از فرزند موجود، فرزند را وارد می‌کند.

لطفاً به: مراجعه کنید

مетод appendChild()

مетод replaceChild()

مетод removeChild()

مетод remove()

ویژگی childNodes

ویژگی firstChild

ویژگی lastChild

ویژگی firstElementChild

ویژگی lastElementChild

مثال

مثال 1

  1. ایجاد علامت <li>
  2. ایجاد گره متن
  3. متن را به علامت <li> اضافه کنید
  4. در ابتدای فرزند اول <ul>، علامت <li> را وارد کنید:
const newNode = document.createElement("li");
const textNode = document.createTextNode("آب");
newNode.appendChild(textNode);
const list = document.getElementById("myList");
list.insertBefore(newNode, list.children[0]);

آزمایش کنید

مثال 2

جابجایی آخرین عنصر از یک لیست به ابتدای لیست دیگر:

const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, list.children[0]);

آزمایش کنید

مثال 3

جابجایی آخرین عنصر از یک لیست به انتهای لیست دیگر:

const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, null);

آزمایش کنید

نحوه نوشتن

عنصر.insertBefore(newnode, existingnode)

یا

گره.insertBefore(newnode, existingnode)

پارامترها

پارامترها توضیح
newnode ضروری. گره‌ای که قرار است در آن قرار گیرد (عنصر).
existingnode

اختیاری. یک فرزند جدید را در قبل از گره موجود قرار می‌دهد.

اگر تعیین نشده باشد، روش insertBefore newnode را در انتهای گره جدید می‌افزاید.

مقدار بازگشتی

نوع توضیح
گره نقطه‌ای که در آن قرار می‌گیرد.

پشتیبانی مرورگر

element.insertBefore() این یک ویژگی DOM Level 1 (1998) است.

همه مرورگرها به طور کامل از آن پشتیبانی می‌کنند:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی