Bagaimana untuk mengalih keluar Semua Nod Kanak-kanak Elemen DOM dalam JavaScript?

Cara mengalih keluar semua elemen anak nod DOM (JavaScript)

Dalam JavaScript, anda boleh mengalih keluar semua elemen anak nod DOM oleh Pelbagai cara untuk mencapai ini.

Pilihan 1: Kosongkan innerHTML

const myNode = document.getElementById("foo");
myNode.innerHTML = '';

Kaedah ini mudah dan mudah, tetapi mungkin tidak sesuai untuk aplikasi yang memerlukan prestasi tinggi kerana ia akan memanggil penyemak imbas Penghurai HTML (tetapi penyemak imbas boleh mengoptimumkan kes di mana nilainya adalah rentetan kosong).

Pilihan 2: Gunakan removeChild

const myNode = document.getElementById("foo");
while (myNode.firstChild) {
  myNode.removeChild(myNode.firstChild);
}

Kaedah ini melibatkan gelung melalui elemen anak dan mengalih keluarnya satu demi satu, dan mempunyai prestasi yang lebih baik daripada pilihan 1.

Pilihan jQuery

Jika anda menggunakan jQuery, anda boleh mengalih keluar elemen kanak-kanak menggunakan:

$("#foo").empty();

Ini akan mengalih keluar elemen kanak-kanak daripada elemen yang ditentukan Alih keluar semua elemen anak.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Semua Nod Kanak-kanak Elemen DOM dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!