dołącz konwertuj div na tekst w javascript [duplikat]

Aug 15 2020

Pracuję nad dynamicznym kodowaniem danych pochodzących z DB i potrzebuję do wszystkich Li Element, dołączając w JavaScript no jQuery:

To jest mój kod:

const x = document.getElementById('messagesContent')
x.append(`<li class="message"><b>User</b><br/>${message}</li>`);

Wynik to:

<li class="message"><b>User</b><br/>xxxxxxxx</li>

Przyjdź jako tekst, a nie html

Odpowiedzi

MajedBadawi Aug 15 2020 at 17:37

Możesz innerHTMLzamiast tego użyć :

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

Potrzebujesz funkcji appendChild i przekazujesz element węzła zamiast ciągu.

Musisz utworzyć element listy za pośrednictwem createElement i przypisać odpowiednie atrybuty oraz wewnętrzny kod HTML, który jest przeznaczony.

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>