طريقة replaceChild() الخاصة بـ HTML DOM

مثلث Element في HTML DOM

replaceChild()تبدل الطريقة العقدة بالعقدة الجديدة في العقدة الأم المحددة

يمكن أن يكون العقد الجديد عقدًا موجودًا في المستند، أو يمكن إنشاؤه كعقد جديد.

الاستخدامremoveChild()يحذف الطريقة العقدة الفعلية من العقدة الأم

النحو:

node.replaceChild(newNode,　oldNode)

var　newElem　=　document.querySelector("p");
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

التوافق مع المتصفحات

يدعم جميع المتصفحات طريقة replaceChild() بشكل كامل:

قيمة الم 参数

تفاصيل التقنية

مزيد من الأمثلة

إنشاء عقدة جديدة واستبدالها بعقدة موجودة:

var newElem = document.createElement("h2");
var newContent = document.createTextNode("Hi there and greetings!");
newElem.appendChild(newContent);
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

مراجع ذات صلة

مرجع HTML DOMالنود طريقة .parentNode()

مرجع HTML DOMالنود طريقة .hasChildNodes()

مرجع HTML DOMالنود طريقة .appendChild()

مرجع HTML DOMالنود طريقة .insertBefore()

مرجع HTML DOMالنود طريقة .removeChild()

مثلث Element في HTML DOM