Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我可以使用javascript每隔一行插入一些字符串吗?_Javascript_Html_Css - Fatal编程技术网

我可以使用javascript每隔一行插入一些字符串吗?

我可以使用javascript每隔一行插入一些字符串吗?,javascript,html,css,Javascript,Html,Css,假设我有一个很大的文本墙,我把它粘贴到我的页面上,在一个div中,id为“story”。每个段落实际上都在html文件中的一行上,并且每个段落都由一行分隔。我想使用bootstrap使文本墙更具可读性。我已经将css设置为类似博客的格式,有没有办法在每个段落分隔处动态添加 var parations=“your text.split(/\n\s*\n/)//因为段落之间用 var paragraphs = "your text".split(/\n\s*\n/);//since paragrap

假设我有一个很大的文本墙,我把它粘贴到我的页面上,在一个div中,id为“story”。每个段落实际上都在html文件中的一行上,并且每个段落都由一行分隔。我想使用bootstrap使文本墙更具可读性。我已经将css设置为类似博客的格式,有没有办法在每个段落分隔处动态添加

var parations=“your text.split(/\n\s*\n/)//因为段落之间用
var paragraphs = "your text".split(/\n\s*\n/);//since paragraphs are separated by
for(var i = 0; i < paragraphs.length; i++){   //a line, we need two \n here.
    var p = document.createElement("p");
    p.innerHTML = paragraphs[i].trim();
    document.querySelector("#story").appendChild(p);
}

//==============
//To get the text of an element (with new lines), you can do this:
document.querySelector("#story").childNodes[0].wholeText;
对于(var i=0;i
也许是这样的


您不应该做的是替换字符串中的文本并将其直接转储到DOM中。那是个坏习惯。这就是为什么我在这里创建一个
p
元素,而不是将行替换为

我认为您应该看看这里:

在这里:

请记住,新行只是\n。然后是一个简单的字符串替换问题。关于它有大量的研究,这个问题可能是重复的,所以我认为这足以回答:)


致以最良好的祝愿

乍一看,我会看一下:after css选择器。为什么不在已经存在的
p
元素中添加一个边距或填充呢?我想问题是如何在文档中添加
。如果您使用
而不是
,您可以用
标记替换新行字符,但这感觉可能有点粗糙。@dave对不起,文本墙中根本没有任何标签。我在顶部加了第一个,在底部加了最后一个。现在只想在段落之间添加