ajouter convertir div en texte en javascript [dupliquer]
Je travaille sur le codage dynamique des données provenant de DB, et j'ai besoin de tous les éléments Li en ajoutant en JavaScript pas de jQuery:
Voici mon code:
const x = document.getElementById('messagesContent')
x.append(`<li class="message"><b>User</b><br/>${message}</li>`);
Le résultat est:
<li class="message"><b>User</b><br/>xxxxxxxx</li>
Venez sous forme de texte et non de HTML
Réponses
MajedBadawi
Vous pouvez utiliser à la innerHTML
place:
const x = document.getElementById('messagesContent');
let message="Hello";
x.innerHTML += `<li class="message"><b>User</b><br/>${message}</li>`;
<ul id="messagesContent"></ul>
EugenSunic
Vous avez besoin de la fonction appendChild et passez un élément node au lieu d'une chaîne.
Vous devez créer un élément de liste via createElement et attribuer les attributs appropriés et le innerHTML qui est prévu.
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>