Bagaimanakah Saya Boleh Menghuraikan Rentetan HTML ke dalam Elemen DOM dalam JavaScript?

Menghuraikan HTML ke dalam Elemen DOM

Dalam Javascript, keperluan sering timbul untuk menukar rentetan yang mengandungi HTML kepada elemen DOM yang boleh dimanipulasi. Kaedah standard, seperti innerHTML dan innerText, menawarkan kawalan terhad ke atas elemen yang terhasil. Untuk lebih fleksibiliti, pertimbangkan untuk menggunakan DOMParser.

Menukar Rentetan HTML kepada Elemen DOM

Untuk menukar rentetan HTML kepada elemen DOM, ikut langkah berikut:

1. Instantiate DOMParser: var parser = new DOMParser();
2. Menghuraikan rentetan HTML menggunakan kaedah parseFromString(): var doc = parser.parseFromString(htmlString, "text/xml");

Contoh

Pertimbangkan HTML berikut rentetan:

<div>

Untuk menukar rentetan ini kepada elemen DOM, laksanakan kod berikut:

var htmlString = "<div>

Atribut doc.firstChild kini mengandungi perwakilan DOM yang dihuraikan bagi rentetan HTML. Anda boleh menambahkan elemen ini pada DOM menggunakan appendChild().

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