javascript [duplicate] metne convert div ekle

Question

DB'den gelen verileri dinamik olarak kodlamak üzerinde çalışıyorum ve jQuery içermeyen JavaScript'e ekleyerek tüm Li Elementine ihtiyacım var:

Bu benim Kodum:

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

Sonuç:

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

Html değil metin olarak gel

Answer 1

Bunun innerHTMLyerine kullanabilirsiniz :

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

AppendChild işlevine ihtiyacınız var ve bir dize yerine bir node elemanı geçirmelisiniz.

CreateElement aracılığıyla bir liste öğesi oluşturmalı ve uygun nitelikleri ve amaçlanan innerHTML'yi atamalısınız.

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>