用 JavaScript 就地替换 DOM 元素

替换 DOM 中的元素可能是 Web 开发中的一项有用技术。例如，如果您想将锚点 () 元素替换为跨度 () 元素，则可以使用 JavaScript 来替换。

替换 DOM 的最有效方法元素到位是利用replaceChild()方法。实现方法如下：

1. 获取对 DOM 元素的引用：

   var myAnchor = document.getElementById("myAnchor");
   var mySpan = document.createElement("span");

2. 修改新元素的内容：

   mySpan.innerHTML = "replaced anchor!";

3. 使用parentNode的replaceChild()将原始元素替换为新元素方法：

   myAnchor.parentNode.replaceChild(mySpan, myAnchor);

这个过程将无缝地将anchor（）元素替换为span () 元素，保留元素在 DOM 中的位置。