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 innerHTML
zamiast 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>