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>

このコード スニペットは、 要素を 要素に効果的に置き換える方法を示しています。 replaceChild() メソッドを利用して、JavaScript を使用して要素を配置します。

以上がJavaScript を使用して、所定の DOM 要素を別の要素に置き換える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。