从字符串中获取 html 元素并将其附加到 div 中

Question

i am stuck with a code where i had to work with a html string to get raw html out of it.My html string looks like the following:

var string="<p>This is my textarea to be replaced with CKEditor.</p>

<pre>
<code class="language-bash">CKEDITOR.instances.editor1.getData()</code></pre>

<p>&nbsp;</p>"

need to strip the double quote to get the html elements and insert them in a div.like the following as raw element not enclosed by double quote

<p>This is my textarea to be replaced with CKEditor.</p>

    <pre>
    <code class="language-bash">CKEDITOR.instances.editor1.getData()</code></pre>

    <p>&nbsp;</p>

and i don't want to use innerHTML property.Any help in this regard will be higly appreciated :)

Answer 1

You can use single quotes for the string and turn it into DOM element:

 var htmlString='<p>This is my textarea to be replaced with CKEditor.</p><pre><code class="language-bash">CKEDITOR.instances.editor1.getData()</code></pre><p>&nbsp;</p>' var d = document.getElementById('result'); d.innerHTML = htmlString;

 <div id="result"></div>