متد element.replaceChild
مثال (متد element.replaceChild)
جایگزین کردن یک گره متن در یک عنصر <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"
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
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
متد ()replaceChild یک گره فرزند را با یک گره جدید جایگزین می کند.
گره جدید می تواند یک گره موجود در سند باشد، و یا اینکه می توانید یک گره جدید را ایجاد کنید.
نکته: می توانید از متد removeChild() برای حذف کردن یک گره از یک عنصر استفاده کنید.
پشتیبانی مرورگرها
| متد | |||||
|---|---|---|---|---|---|
| replaceChild() | بله | بله | بله | بله | بله |
نحوه استفاده
node.replaceChild(newnode,oldnode)
مقادیر پارامترها
| پارامتر | Type | توضیحات |
|---|---|---|
| newnode | Node object |
ضروری. شیء گره ای که شما می خواهید آن را الحاق کنید. |
| oldnode | Node object |
ضروری. شیء گره ای که شما می خواهید آن را حذف کنید. |
جزئیات تکنیکی
| مقدار برگشتی |
یک شیء گره که مشخص کننده ی گره جایگزین شده می باشد. |
|---|---|
| DOM Version | Core Level 1 Node Object |
مثال - خودتان امتحان کنید
مثال (متد element.replaceChild)
جایگزین کردن یک عنصر <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
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
خودتان امتحان کنید »
کلیه توابع و خصوصیت های شیء Element در JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 5880
