tambahkan konversi div ke teks dalam javascript [duplikat]
Saya sedang mengerjakan kode secara dinamis untuk data yang berasal dari DB, dan saya perlu semua Elemen Li dengan menambahkan JavaScript tanpa jQuery:
Ini Kode saya:
const x = document.getElementById('messagesContent')
x.append(`<li class="message"><b>User</b><br/>${message}</li>`);
Hasilnya adalah:
<li class="message"><b>User</b><br/>xxxxxxxx</li>
Datang sebagai teks bukan html
Jawaban
MajedBadawi
Anda dapat menggunakan innerHTML
sebagai gantinya:
const x = document.getElementById('messagesContent');
let message="Hello";
x.innerHTML += `<li class="message"><b>User</b><br/>${message}</li>`;
<ul id="messagesContent"></ul>
EugenSunic
Anda membutuhkan fungsi appendChild dan meneruskan elemen node, bukan string.
Anda harus membuat elemen daftar melalui createElement dan menetapkan atribut yang tepat dan innerHTML yang dimaksudkan.
const x = document.getElementById('list');
const li = document.createElement('li');
li.class = 'message'
li.innerHTML = `<b>User</b><br/>second`;
x.appendChild(li);
<ul id="list">
<li>first</li>
</ul>
Kiat Pemilik Anjing yang Bermanfaat: Mengapa Penting untuk Membiarkan Anjing Anda Mengendus di Jalan
Taylor Sheridan Baru Menambahkan 1 Bintang 'Yellowstone' Favoritnya ke Pemeran 'Lawmen: Bass Reeves'