Bagaimana untuk Menambahkan HTML ke DOM Tanpa Menggunakan innerHTML?

Menambah HTML pada DOM Tanpa Menggunakan InnerHTML

Apabila menambahkan rentetan HTML pada DOM, anda mungkin menghadapi senario di mana menggunakan div.innerHTML = str; tidak boleh diterima. Dalam kes sedemikian, anda boleh memanfaatkan kaedah insertAdjacentHTML, yang disokong oleh semua penyemak imbas moden.

Untuk menambahkan rentetan HTML pada div dengan id "ujian," anda boleh menggunakan kod berikut:

var str = '<p>Just some <span>text</span> here</p>';
var div = document.getElementById('test');
div.insertAdjacentHTML('beforeend', str);

Kaedah insertAdjacentHTML membolehkan anda memasukkan rentetan HTML sebelum akhir elemen yang ditentukan, memastikan sisipannya di dalam elemen. Parameter kedudukan "sebelum akhir" menentukan bahawa HTML harus ditambah selepas anak terakhir elemen.

Dengan menggunakan kaedah insertAdjacentHTML, anda mempunyai cara yang serba boleh dan cekap untuk menambahkan HTML pada DOM tanpa menggunakan sifat innerHTML, yang boleh mempunyai implikasi prestasi dan kelemahan keselamatan dalam konteks tertentu.

Atas ialah kandungan terperinci Bagaimana untuk Menambahkan HTML ke DOM Tanpa Menggunakan innerHTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!