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

时间:2015-12-23 03:10:23

标签: javascript html

我遇到了一个代码,我必须使用html字符串来获取原始html。我的html字符串如下所示:

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>"

需要剥离双引号以获取html元素并将它们插入div中。如下所示,原始元素未被双引号括起来

<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>

并且我不想使用innerHTML属性。在这方面的任何帮助都将受到高度赞赏:)

1 个答案:

答案 0 :(得分:0)

您可以对字符串使用单引号并将其转换为DOM元素:

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>