مетод 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("پانی");
نئی نک.آپنڈچائلڈ(ٹیکسٹنک);
کنسٹ لیست = ڈاکومن.گیٹآئیڈ("myList");
لیسٹ.آر بجسپائن(نئی نک، لیسٹ.چائلڈ[0]);

آپ خود چربی بچھائیئے

مثال 2

ایک فہرست سے آخری عنصر کو دوسری فہرست کی شروعات میں موصول کیا جائے:

کنسٹ نک = ڈاکومن.گیٹآئیڈ("myList2").لاسٹایلیمنٹچائلڈ;
کنسٹ لیست = ڈاکومن.گیٹآئیڈ("myList1");
لیسٹ.آر بجسپائن(نک، لیسٹ.چائلڈ[0]);

آپ خود چربی بچھائیئے

مثال 3

ایک فہرست سے آخری عنصر کو دوسری فہرست کی آخری میں موصول کیا جائے:

کنسٹ نک = ڈاکومن.گیٹآئیڈ("myList2").لاسٹایلیمنٹچائلڈ;
کنسٹ لیست = ڈاکومن.گیٹآئیڈ("myList1");
لیسٹ.آر بجسپائن(نک، نیل);

آپ خود چربی بچھائیئے

قواعد

عنصر.آر بجسپائن(نئی نک, موجود نک)

یا

نک.آر بجسپائن(نئی نک, موجود نک)

پارامتر

پارامتر شرح
نئی نک ضروری، درج کیا جانا والا نک (عنصر)
موجود نک

اختیاری، نئی نک کا بچہ نک درج کرنا، اس کے قبل درج کیا جائے گا。

اگر کوئی چیز طے نہیں کی گئی تو insertBefore طویل میں newnode درج کرتا ہے。

واقعی کار

کا قصور شرح
نک آپس میں درج کی گئی نک

براوزر کی پشتیبندگی

ایلیمنٹ.آر بجسپائن یہ DOM Level 1 (1998) کا ایک خاصیتی ہے。

تمام براوزر ایک ساتھ اس کا پورا پشتیبندگی فراہم کرتے ہیں:

کروم آئی ای ایج فائر فاکس سافری اوپرا
کروم آئی ای ایج فائر فاکس سافری اوپرا
پشتیبندگی 9-11 پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی