Heim > Artikel > Web-Frontend > Wie ersetze ich DOM-Elemente direkt durch JavaScript?
DOM-Elemente direkt durch JavaScript ersetzen
Das Ersetzen eines Elements im DOM kann eine nützliche Technik in der Webentwicklung sein. Wenn Sie beispielsweise ein Ankerelement () durch ein Span-Element () ersetzen möchten, können Sie dies mit JavaScript tun.
Der effektivste Ansatz zum Ersetzen eines Das vorhandene DOM-Element soll die Methode replaceChild() verwenden. So würden Sie dies implementieren:
Erhalten Sie einen Verweis auf die DOM-Elemente:
<code class="javascript">var myAnchor = document.getElementById("myAnchor"); var mySpan = document.createElement("span");</code>
Ändern Sie den Inhalt des neuen Elements:
<code class="javascript">mySpan.innerHTML = "replaced anchor!";</code>
Ersetzen Sie das ursprüngliche Element durch das neue mit der Methode replaceChild() des parentNode:
<code class="javascript">myAnchor.parentNode.replaceChild(mySpan, myAnchor);</code>
Dieser Vorgang verläuft nahtlos Ersetzen Sie das Ankerelement () durch das Span-Element (), wobei die Position des Elements im DOM erhalten bleibt.
Das obige ist der detaillierte Inhalt vonWie ersetze ich DOM-Elemente direkt durch JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!