Bagaimanakah Saya Boleh Mencipta Elemen DOM daripada Rentetan HTML dalam JavaScript?

Membuat Elemen DOM daripada Rentetan HTML

Pertanyaan meneroka kebolehlaksanaan menukar rentetan HTML kepada elemen DOM yang boleh dilampirkan pada elemen induk menggunakan appendChild(). Walaupun kaedah lain seperti innerHTML dan innerText wujud, kaedah tersebut tidak memberikan tahap fleksibiliti dan kawalan yang diingini.

Dalam JavaScript, anda boleh menggunakan DOMParser untuk mencapai penukaran ini. Penghurai ini mengambil rentetan HTML sebagai input dan menghasilkan objek dokumen yang mewakili kandungan HTML. Dokumen yang dihuraikan kemudiannya boleh diakses untuk mendapatkan elemen DOM yang sepadan.

Sebagai contoh, pertimbangkan rentetan HTML berikut yang disimpan sebagai pembolehubah JavaScript:

const htmlString = "<div><a href='#'>Link</a><span></span></div>";

Untuk mengubah rentetan ini menjadi DOM elemen, anda boleh menggunakan kod berikut:

const doc = new DOMParser().parseFromString(htmlString, "text/xml");
const firstChildElement = doc.firstChild;

firstChildElement kini mewakili

elemen daripada rentetan HTML. Anda boleh terus mengakses nod anaknya, termasuk dan elemen, untuk operasi seterusnya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Elemen DOM daripada Rentetan HTML dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript html String Object for while using dom this innerHTML transform input Access Other

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn