مثال
استبدال عقدة النص في <li> عنصر في القائمة مع عقدة نص جديد:
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Get the first child node of an <ul> element
var item =
document.getElementById("myList").childNodes[0];
// Replace
the first child node of <ul> with the newly created text node
item.replaceChild(textnode, item.childNodes[0]);
// Note: This example replaces only the Text node
"Coffee" with a Text node "Water"قبل إزالة:
- Coffee
- Tea
- Milk
بعد إزالة:
- Water
- Tea
- Milk
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
و replaceChild() طريقة استبدال عقدة الطفل مع عقدة جديدة.
عقدة جديدة يمكن أن تكون العقدة الموجودة في المستند، أو يمكنك إنشاء عقدة جديدة.
نصيحة: استخدم removeChild() طريقة لإزالة عقدة الطفل من عنصر.
دعم المتصفح
| طريقة | |||||
|---|---|---|---|---|---|
| replaceChild() | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
قيم معلمة معامل اكتب وصف newnode Node object مطلوب. الكائن عقدة تريد إدراج oldnode Node object مطلوب. الكائن العقدة التي تريد إزالتها
تفاصيل تقنية
قيمة الإرجاع: كائن عقدة، وهو ما يمثل العقدة استبدال صفحة DOM المستوى الأساسي كائن 1 عقدة
مزيد من الأمثلة
مثال
استبدال <li> عنصر في القائمة مع جديد <li> العنصر:
// Create a new <li> element
var elmnt = document.createElement("li");
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Append the text
node to <li>
elmnt.appendChild(textnode);
// Get the <ul> element
with id="myList"
var item = document.getElementById("myList");
//
Replace the first child node (<li> with index 0) in <ul> with the newly
created <li> element
item.replaceChild(elmnt, item.childNodes[0]);
// Note: This example replaces the entire <li> element قبل إزالة:
- Coffee
- Tea
- Milk
بعد إزالة:
- Water
- Tea
- Milk
انها محاولة لنفسك »