tambahkan konversi div ke teks dalam javascript [duplikat]

Aug 15 2020

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 Aug 15 2020 at 17:37

Anda dapat menggunakan innerHTMLsebagai 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 Aug 15 2020 at 17:42

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>