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 innerHTML
invece:
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>