HTML DOM Element replaceChild() متد
- پچھلی پہلہ removeEventListener()
- اگلی پہلہ scrollHeight
- ایک پیمانے پر واپس وچپتار ڈی او ایم ایلیمنٹس اوبجیکٹ
تعریف اور استعمال
replaceChild() نئی نود کو بچوں میں بدل دینا کا متد.
بھی دیکھئے:
مستندات سے متعلق متد:
مثال
مثال 1
نوئی متن نویں کا متن جگہ بدل دینا: <li> علامت کا متن جگہ بدل دینا:
const newNode = document.createTextNode("Water");
const element = document.getElementById("myList").children[0];
element.replaceChild(newNode, element.childNodes[0]);
موضع قبل از تبادلہ:
- کافی
- چائے
- دودھ
موضع بعد از تبادلہ:
- پانی
- چائے
- دودھ
مثال 2
نئی <li> علامت کا <li> علامت کی جگہ لگانا:
// نئی <li> علامت کی تخلیق:
const element = document.createElement("li");
// نئی متن نود کی تخلیق:
const textNode = document.createTextNode("پانی");
// متن نود کو <li> علامت میں شامل کیا جاتا ہے:
element.appendChild(textNode);
// id="myList" کا <ul> علامت حاصل کیا جاتا ہے:
const list = document.getElementById("myList");
// نئے <li> علامت کو پہلے بچے نود کی جگہ لگانا:
list.replaceChild(element, list.childNodes[0]);
موضع قبل از تبادلہ:
- کافی
- چائے
- دودھ
موضع بعد از تبادلہ:
- پانی
- چائے
- دودھ
نویگیشن
node.replaceChild(newnode, oldnode)
پارامتر
| پارامتر | وصف |
|---|---|
| newnode | ضروری۔ داخل کئے جانے والا نود |
| oldnode | ضروری۔ حذف کئے جانے والا نود |
بازگشتی
| کیمیت | وصف |
|---|---|
| نود کیمیت | مستبدل شدہ نود |
براوزر کی پشتیبندگی
element.replaceChild() یہ DOM Level 1 (1998) کی خصوصیت ہے。
تمام براوزرز بھی پورا طور پر اس کا استعمال کرتے ہیں:
| کروم | آئی ای | ایج | فائرفاکس | سافری | آپریا |
|---|---|---|---|---|---|
| کروم | آئی ای | ایج | فائرفاکس | سافری | آپریا |
| پشتیبندگی | 9-11 | پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی |
- پچھلی پہلہ removeEventListener()
- اگلی پہلہ scrollHeight
- ایک پیمانے پر واپس وچپتار ڈی او ایم ایلیمنٹس اوبجیکٹ
