javascript - 如何使用 html 标签输出字符串（原样）

Question

我用<xmp>输出字符串，它显示标签很好，但我发现字体已经改变了。这是代码。

var string ="<xmp>" + "<label style=\"color:red;\">works well but font is strange</label>" + "</xmp>"
var font = "font is same";
$('#code').html(string);
$('#font').html(font);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>code:</label><label id="code"></label>
<label>font:</label><label id="font"></label>

我该如何解决？非常感谢。

标签： javascripthtml

Answer 1

听起来您可能想.text改用：

var string ="<xmp>" + "<label style=\"color:red;\">works well but font is strange</label>" + "</xmp>"
$('#code').text(string);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>code:</label><label id="code"></label>
<label>font:</label><label id="font"></label>