用 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);

此過程將無縫地將錨點() 元素替換為span () 元素，保留元素在DOM 中的位置。