title: How to render html partially inside div?
body: <p>I have a div and I want to set some text inside this div. Problem is my text contains HTML elements and I don't want all these elements to be rendered. I mean some elements must rendered as HTML.</p>
  
  <p>Is there any way to create a div content like this?</p>
  
  <p>I want to create a div element like below;</p>
  
  <pre><code>&lt;div id="bodyContent"&gt;         
  &lt;/div&gt;
  </code></pre>
  
  <p>Setting with html method is not working.</p>
  
  <pre><code>var myHTMLContentPart1 = "&lt;HTML&gt;&lt;BODY&gt;";
  var myHTMLContentPart2 = "&lt;span&gt;hello&lt;/span&gt;";
  var myHTMLContentPart3 = "&lt;/BODY&gt;&lt;/HTML&gt;";
  
  $("#bodyContent").html(?);
  </code></pre>
  
  <p><strong>EDIT:</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/xn6tp.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xn6tp.jpg" alt="enter image description here"></a></p>