如何将格式化的字符串从console.log显示到html div

Question

假设我在后端Java代码中写了一个格式化的字符串str，如下所示：

name    : xxx       company : qwe
address : yyy       age     : asd
country : zzz       

现在我设法通过浏览器控制台上显示它

console.log(str);

当我检查它的时候，它的格式也是一样的

name    : xxx       company : qwe
address : yyy       age     : asd
country : zzz        

但是当我使用jQuery在html文件的div中显示它时，例如

$('.divclass').text(str);

只会是一行

name    : xxx       company : qweaddress : yyy       age     : asdcountry : zzz

这都是预期的，但是我想知道是否有一个实现可以将console.log显示到html标记，并且仍然保持以前的格式，而不必重新设置格式，我想我的问题是如果我有办法将console.log呈现给html。

Answer 1

您可以使用<pre> -tag或（推荐）：您可以用<br />替换字符串中的每个\\n 。

str = str.replace("\n", "<br />");

您必须这样做，因为Web浏览器本身不会显示正常的换行符。 您必须使用<br /> -tag或特殊标签（如<pre> 。

Answer 2

只需将\\n替换为<br>并将字符串（包装在<pre>标记中）放入div作为内部html。

 var str = "name : xxx company : qwe\\n"+ "address : yyy age : asd\\n"+ "country : zzz \\n"; console.log(str); str = str.replace(/\\n/g, "<br>"); $(".divclass").html("<pre>"+str+"</pre>"); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="divclass"> </div>