使用jQuery将文本转换为HTML元素

Question

我的html文件如下所示：

<div id="myDiv" class="div-sample"></div>

我有一个文本文件，其中包含以下文字：

<b>abracadabra</b>

现在从ajax请求中读取文件（通过只读取文件的php脚本），当我编写以下jQuery代码时：

$('#myDiv').innerHTML = text;

尽管显示 abracadabra ，但它会显示标签。

这里发生了什么？

Answer 1

第一行var text = '<b>abracadabra</b>'将变量text设置为等于带有打开和关闭标记的字符串。

第二行将$('#myDiv')的内容设置为等于该变量'<b>abracadabra</b>'。因为它们是有效的html标签，所以它们会被解析，这就是你不能在浏览器中看到它们的原因。

当您记录变量text的内容时，浏览器会使用'<b>abracadabra</b>'

标记解析它的值