动态添加内容时如何将html简写更改为html标签答案

【问题标题】：How to change html shorthand to html tag when adding content dynamically动态添加内容时如何将html简写更改为html标签
【发布时间】：2015-07-27 13:49:52
【问题描述】：

var encodedHtml = "&lt;ol style=&quot;color: rgb(34, 34, 34); font-family: arial, sans-serif;&quot;&gt;&lt;li class=&quot;mod&quot; style=&quot;&quot;&gt; &lt;div class=&quot;_oDd&quot; style=&quot;&quot;&gt;&lt;span class=&quot;_Tgc&quot; style=&quot;font-size: 16px;&quot;&gt;&lt;b&gt;Test data&lt;/b&gt; is &lt;b&gt;data&lt;/b&gt;

已被明确标识用于&lt;b&gt;tests&lt;/b&gt;，通常用于计算机程序。一些&lt;b&gt;data&lt;/b&gt; 可以用于确认方式，通常用于验证给定函数的一组给定输入是否产生了一些预期结果。&lt;/span&gt;&lt;/div&gt; &lt;/li&gt;&lt;/ol&gt;";

我想将此内容更改为html标签，因此我可以使用js将其添加到某些div中。

【问题讨论】：

标签： javascript jquery dynamic-html

【解决方案1】：

这应该会让你解决问题：

What's the right way to decode a string that has special HTML entities in it?

下面的几个答案它有一个 jQuery 版本：

function htmlDecode(value) {
    return $("<textarea/>").html(value).text();
}

【讨论】：

【解决方案2】：

var encodedHTML = "&lt;ol style=&quot;color: rgb(34, 34, 34); font-family: arial, sans-serif;&quot;&gt;&lt;li class=&quot;mod&quot; style=&quot;&quot;&gt; &lt;div class=&quot;_oDd&quot; style=&quot;&quot;&gt;&lt;span class=&quot;_Tgc&quot; style=&quot;font-size: 16px;&quot;&gt;&lt;b&gt;Test data&lt;/b&gt; is &lt;b&gt;data&lt;/b&gt; which has been specifically identified for use in &lt;b&gt;tests&lt;/b&gt;, typically of a computer program. Some &lt;b&gt;data&lt;/b&gt; may be used in a confirmatory way, typically to verify that a given set of input to a given function produces some expected result.&lt;/span&gt;&lt;/div&gt; &lt;/li&gt;&lt;/ol&gt;";

$("<p/>").html(encodedHTML ).text();

这也有效。

【讨论】：