如何将包含\ n作为新行的字符串添加到html?

卡罗琳·奥利维亚(Caroline Olivia)

我有一些JSON: "body": "Bla bla bla\n- Bla bla bla"

我把它放在DIV中

var card_body = document.createElement("DIV");
card_body.innerHTML = obj.body;`

结果:

<div>
"Bla bla bla - Bla bla bla"
</div>

我试图使它成为PRE而不是DIV,但这意味着无法按照我想要的方式对其进行样式设置。

我曾尝试更换所有/n<br>,但也不管用。

请帮忙

由于您要替换\n<br>标签,因此可以尝试:

var obj = {
  "body": "Bla bla bla\n- Bla bla bla"
};

var div = document.createElement("div");
div.innerHTML = obj.body.replace(/\n/g, '<br>');

document.body.appendChild(div);


或仅使用<pre>标签:

var obj = {
  "body": "Bla bla bla\n- Bla bla bla"
};

var pre = document.createElement("pre");
pre.innerHTML = obj.body;

document.body.appendChild(pre);

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如果column包含字符串,如何将列标题添加到新列

如何将文本添加到包含多个字符串的行的末尾?

如何将字符串添加到文件的第n行

如何将 +1 添加到包含字母的字符串?

如何将包含特定字符串的URL添加到数组中?

使用javascript:如何将变量添加到包含引号的字符串中?

如果 url 不包含子字符串,如何将路径添加到 url

如何将新的字符串元素添加到字符串列表?

如何将数据参数添加到HTML字符串并返回字符串?

如何将尾随零添加到日期时间作为字符串?

如何将信息添加到字符串

如何将字符串添加到数组?

将numpy数组作为行添加到以字符串为索引的熊猫中

如何将 HTML 标记添加到字符串的最后一个单词?

如何将包含可解析字段的字符串添加到可以添加到数据帧的列中

如何将Integer添加到字符串并获得字符串答案?

如何将字符串数组的元素添加到字符串数组列表?

如何将子字符串添加到字符串中

如何将字符串添加到数组并返回字符串

如何将字符串(单词)添加到字符串[]数组?Java,输入

将附加 html 添加到字符串中

如何将每个单词或获取字符串作为单独的条目添加到数据库

如何在Haskell中将数字作为字符串添加到字符串

如何将curlcpp添加到库/包含路径?

Excel使用Office JS添加-如何将HTML字符串添加到Excel文本框

如何将字符串添加到字符串流?

如何將新的字符串元素添加到字符串系列

如何将包含字符“ $”的字符串与grep匹配?

如何将字符串作为包含多个字符串的参数