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

Alih Keluar Semua Elemen Anak Nod DOM dalam JavaScript

Coretan kod HTML yang disediakan mempunyai nod induk ("foo") dengan dua elemen kanak-kanak ("span" dan "div"). Untuk mengalih keluar semua elemen anak daripada "foo", anda boleh menggunakan kaedah berikut:

DOM-Sahaja Pilihan 1: Membersihkan innerHTML

Pendekatan ini melibatkan mengosongkan sifat innerHTML daripada nod induk. Walau bagaimanapun, kaedah ini mungkin tidak sesuai untuk aplikasi berprestasi tinggi kerana ia menggunakan penghurai HTML penyemak imbas:

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

JQuery Alternative

Dalam jQuery, anda boleh menggunakan kaedah empty() untuk mengalih keluar semua elemen anak daripada nod:

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

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