我可以使用javascript每隔一行插入一些字符串吗?
假设我有一个很大的文本墙,我把它粘贴到我的页面上,在一个div中,id为“story”。每个段落实际上都在html文件中的一行上,并且每个段落都由一行分隔。我想使用bootstrap使文本墙更具可读性。我已经将css设置为类似博客的格式,有没有办法在每个段落分隔处动态添加我可以使用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
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对不起,文本墙中根本没有任何标签。我在顶部加了第一个,在底部加了最后一个。现在只想在段落之间添加。