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

假设我在后端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中。

您可以使用

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

您必须这样做，因为web浏览器本身不会显示正常的换行符。您必须使用

-标记或一个特殊标记，如
您可以使用

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

您必须这样做，因为web浏览器本身不会显示正常的换行符。您必须使用

-标记或一个特殊标记，如
只需将
\n
替换为

，并将字符串（包装在
标记中）作为内部html放入div中

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


var str=“名称：xxx公司：qwe\n”+
“地址：yyy年龄：asd\n”+
“国家：zzz\n”；
console.log（str）；
str=str.replace（/\n/g，“
”）；
$（“.divclass”）.html（“+str+”）
只需将
\n
替换为

，并将字符串（包装在
标记中）作为内部html放入div


var str=“名称：xxx公司：qwe\n”+
“地址：yyy年龄：asd\n”+
“国家：zzz\n”；
console.log（str）；
str=str.replace（/\n/g，“
”）；
$（“.divclass”）.html（“+str+”）

您可以尝试
预格式化文本，即
$（'.divclass'）.html（''+str+''）
您可以尝试
预格式化文本，即
$（'.divclass'）.html（'''+str+''）