javascript - innerhtml 忽略 HTML 转义字符

Question

我有一个像

<div id="first"></div> 

我尝试将内容（我从后端 html 转义中获得）更改为

$( "#first" ).html( "Some text <div style=&#34;font-size:150%&#34;>This text should look bigger</div>" );

- - - - - 或者 - - - - - -

$( "#first" ).html( "Some text <div style=&quot;font-size:150%&quot;>This text should look bigger</div>" );

浏览器中的输出是

<div id="first">Some text <div style="&quot;font-size:150%&quot;">This text should look bigger</div></div>

这不是应用我想应用的样式，因为我在 DOM 中看到了两次“（引用）。我还尝试了document.getElementById的经典方式，但没有成功。

提前感谢您的任何想法。

Answer 1

您可以使用此功能解码转义文本：

function htmlDecode(value) {
    if (value) {
        return $('<div />').html(value).text();
    } else {
        return '';
    }
}

在将其写入页面之前，您应该通过此函数从后端传递转义的 HTML。