如何用 JavaScript 就地取代 DOM 元素？

使用 JavaScript 就地取代 DOM 元素

取代 DOM 中的元素可能是 Web 開發中的有用技術。例如，如果您想要將錨點 () 元素替換為跨度 () 元素，則可以使用 JavaScript 來執行此操作。

替換錨點的最有效方法DOM 元素的放置是利用replaceChild() 方法。實作方法如下：

1. 取得DOM 元素的引用：

   <code class="javascript">var myAnchor = document.getElementById("myAnchor");
   var mySpan = document.createElement("span");</code>

2. 修改新元素的內容：

   <code class="javascript">mySpan.innerHTML = "replaced anchor!";</code>

3. 修改新元素的內容：

   <code class="javascript">myAnchor.parentNode.replaceChild(mySpan, myAnchor);</code>

使用parentNode的replaceChild()方法將原始元素替換為新元素：

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

以上是如何用 JavaScript 就地取代 DOM 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！