aggiungi converti div in testo in javascript [duplicato]

Aug 15 2020

Sto lavorando sul codice dinamico dei dati provenienti dal DB e ho bisogno di tutti gli elementi Li aggiungendo in JavaScript no jQuery:

Questo è il mio codice:

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

Il risultato è:

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

Vieni come testo non html

Risposte

MajedBadawi Aug 15 2020 at 17:37

Puoi usare innerHTMLinvece:

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

È necessaria la funzione appendChild e passare un elemento node invece di una stringa.

È necessario creare un elemento di elenco tramite createElement e assegnare gli attributi appropriati e il codice innerHTML previsto.

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>