Bagaimana untuk Membuang Elemen DOM dalam JavaScript dengan betul?

JavaScript: Mengalih keluar Elemen DOM

Mencipta dan mengubah suai elemen DOM ialah aspek asas pengaturcaraan JavaScript. Dalam konteks ini, tugas biasa adalah untuk menyemak kewujudan elemen, dan menciptanya jika ia tidak wujud, atau mengalih keluarnya jika ia sudah wujud.

Menyemak Kewujudan Unsur

Kod yang diberikan berjaya menyemak kehadiran iframe dengan ID "injected_frame" menggunakan document.getElementById("injected_frame"). Jika iframe wujud, ia menilai kepada rujukan bukan nol.

Mencipta Elemen

Coretan kod menunjukkan penciptaan elemen iframe dengan atribut yang diingini. Ini melibatkan penetapan atribut "id", "src", "width" dan "height" menggunakan setAttribute(), dan kemudian menambahkan elemen baharu pada DOM menggunakan appendChild().

Memadamkan an Element

Walau bagaimanapun, isu timbul apabila cuba mengalih keluar iframe jika ia sudah wujud. Kod ini memanggil iframe.removeChild(frameid.childNodes[0]), yang tidak betul. Dalam JavaScript, kaedah removeChild() hendaklah digunakan pada elemen induk bagi elemen yang akan dialih keluar.

Kod Dibetulkan

Kod yang diperbetulkan untuk mengalih keluar iframe hendaklah be:

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

Ini memastikan elemen iframe dengan ID "injected_frame" berjaya dialih keluar daripada DOM jika wujud.

Atas ialah kandungan terperinci Bagaimana untuk Membuang Elemen DOM dalam JavaScript dengan betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!