Wie ersetze ich mithilfe von JavaScript ein vorhandenes DOM-Element durch ein anderes Element?

DOM-DOM-Element-Ersetzung an Ort und Stelle mit JavaScript

Bei der Arbeit mit dem DOM kann es Situationen geben, in denen Sie ein vorhandenes Element ersetzen müssen mit einem anderen Elementtyp. Dies kann mit der Methode replaceChild() erreicht werden, wie im folgenden Szenario veranschaulicht.

Szenario: Ersetzen Sie ein -Element durch ein Element.

Lösung:

<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>

Dieser Codeausschnitt zeigt, wie man ein -Element effektiv durch ein -Element ersetzt. Element mithilfe von JavaScript an Ort und Stelle und nutzt dabei die Methode replaceChild().

Das obige ist der detaillierte Inhalt vonWie ersetze ich mithilfe von JavaScript ein vorhandenes DOM-Element durch ein anderes Element?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!