anexar converter div para texto em javascript [duplicar]

Question

Estou trabalhando em codificar dinamicamente os dados provenientes do banco de dados e preciso adicionar todos os elementos Li anexando em JavaScript no jQuery:

Este é o meu código:

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

O resultado é:

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

Venha como um texto, não html

Answer 1

Você pode usar em seu innerHTMLlugar:

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

<ul id="messagesContent"></ul>

Answer 2

Você precisa da função appendChild e passa um elemento de nó em vez de uma string.

Você deve criar um elemento de lista por meio de createElement e atribuir os atributos apropriados e o innerHTML pretendido.

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>