JavaScript で DOM 要素を正しく削除するにはどうすればよいですか?

JavaScript: DOM 要素の削除

DOM 要素の作成と変更は、JavaScript プログラミングの基本的な側面です。このコンテキストでの一般的なタスクは、要素の存在を確認し、存在しない場合は作成し、すでに存在する場合は削除することです。

要素の存在の確認

提供されたコードは、document.getElementById("injected_frame") を使用して、ID が「injected_frame」の iframe の存在を正常にチェックします。 iframe が存在する場合、null 以外の参照として評価されます。

要素の作成

コード スニペットは、必要な属性を持つ iframe 要素の作成を示しています。これには、setAttribute() を使用して「id」、「src」、「width」、および「height」属性を設定し、appendChild() を使用して新しい要素を DOM に追加することが含まれます。

削除an Element

ただし、iframe が既に存在する場合にそれを削除しようとすると問題が発生します。コードは iframe.removeChild(frameid.childNodes[0]) を呼び出しますが、これは正しくありません。 JavaScript では、removeChild() メソッドを、削除する要素の親要素に適用する必要があります。

修正コード

iframe を削除するための修正コードは、次のとおりです。 be:

<code class="javascript">if (frameid) {
    frameid.parentNode.removeChild(frameid);
}</code>

これにより、ID が「injected_frame」の iframe 要素が存在する場合、DOM から正常に削除されます。

以上がJavaScript で DOM 要素を正しく削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。