ajouter convertir div en texte en javascript [dupliquer]

Aug 15 2020

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 Aug 15 2020 at 17:37

Vous pouvez utiliser à la innerHTMLplace:

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

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>