在<p> </p>中设置文字时无法渲染<br/>

Question

如果<p>的文字是通过javascript设置的，为什么HTML无法呈现换行符？

请在此处查看示例：WHY?

以下是代码：

<p id="par"></p>
<br>

<p>IT WORKS<br />wire.<br>pin..</p>


$(document).ready(function() {
    $("#par").text('I\n CANT<br />INSERT<br>LINE BREAKS!'+'<br />'+'FFFF;br/KKK');
});

Answer 1

如果您想设置 HTML ，则必须使用.html()。

从.text()文档（强调我的）：

  

我们需要注意，此方法会转义必要时提供的字符串，以便在HTML中正确呈现。

Answer 2

使用.html()而不是.text()

FIDDLE

Answer 3

因为你想在<p>或任何DOM元素中设置HTML而不是普通文本。

使用.html()

$("#par").html('I\n CANT<br />INSERT<br>LINE BREAKS!'+'<br />'+'FFFF;br/KKK');

UPDATED DEMO

Answer 4

您必须使用 .html（）而不是 .text（）。所以

更改

$("#par").text('I\n CANT<br />INSERT<br>LINE BREAKS!'+'<br />'+'FFFF;br/KKK');

到

$("#par").html('I\n CANT<br />INSERT<br>LINE BREAKS!'+'<br />'+'FFFF;br/KKK');

Answer 5

使用html（）方法而不是text（）方法。