如何使用 JavaScript 將 DOM 元素替換為不同的元素？

使用 JavaScript 取代 DOM DOM 元素

使用 DOM 時，可能會出現需要替換現有元素的情況與不同類型的元素。這可以使用 ReplaceChild() 方法來實現，如以下場景所示。

場景： 將 元素替換為 元素。

解決方案：

<code class="js">// Retrieve the <a> element
var myAnchor = document.getElementById("myAnchor");

// Create the <span> element
var mySpan = document.createElement("span");

// Set the innerHTML of the <span> element
mySpan.innerHTML = "replaced anchor!";

// Replace the <a> element with the <span> element
myAnchor.parentNode.replaceChild(mySpan, myAnchor);</code>

此程式碼片段示範如何有效地將 元素替換為 元素。使用 JavaScript 並利用 ReplaceChild() 方法來放置元素。

以上是如何使用 JavaScript 將 DOM 元素替換為不同的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！