Bagaimanakah Saya Boleh Mencipta Elemen DOM daripada Rentetan HTML dalam JavaScript?-tutorial js-php.cn

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

Patricia Arquette

Lepaskan： 2024-12-02 09:25:10

asal

821 orang telah melayarinya

How Can I Create DOM Elements from HTML Strings in 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>";

Salin selepas log masuk

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

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

Salin selepas log masuk

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!