जावास्क्रिप्ट में पाठ के लिए div div कन्वर्ट पाठ [डुप्लिकेट]

Question

मैं DB से आने वाले डेटा को गतिशील रूप से कोड करने पर काम कर रहा हूं, और मुझे जावास्क्रिप्ट में jQuery द्वारा सभी ली एलिमेंट की आवश्यकता है:

यह मेरा कोड है:

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

परिणाम है:

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

Html नहीं पाठ के रूप में आओ

Answer 1

आप innerHTMLइसके बजाय उपयोग कर सकते हैं :

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 फ़ंक्शन की आवश्यकता है और एक स्ट्रिंग के बजाय एक नोड तत्व पास करें।

आपको createElement के माध्यम से एक सूची तत्व बनाना होगा और उचित विशेषताओं और आंतरिक HTML को असाइन करना होगा जो कि इरादा है।

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>