HTML | DOM replaceWith() 方法

该replaceWith（）方法替换其父的孩子列表中的一个节点与节点集或DOMString对象。 DOMString 对象等价于 Text 节点。在这里，一个子元素被其他子元素替换。

句法：

ChildNode.replaceWith(Node);

参数：

• ChildNode：要替换的子节点。
• 节点：替换 ChildNode 的节点。

返回值：无返回值。

例子：

在此示例中，我使用此方法将名为 childPara（

元素）的childNode 替换为名为 childDiv（

元素）的节点。

HTML

  

    replaceWith() method
    
        var parent = document.createElement("div");
        parent.innerHTML = "Parent of the document";
  
        var childPara = document.createElement("p");
        childPara.innerHTML = "Child ParaGraph";
        parent.appendChild(childPara);
        console.log(parent.outerHTML);
  
        var childDiv = document.createElement("div");
        childDiv.innerHTML = "Child Div";
        childPara.replaceWith(childDiv);
        console.log(parent.outerHTML);
    

  

    Welcome to GeeksforGeeks

  

输出：

在控制台中，可以看到：

• 在第 12 行，在应用 replaceWith() 方法之前，父元素的外层 HTML 将

  元素作为 childNode。

• 在第 16 行，应用此方法后，父元素将
  元素替换为 ChildNode。