假设我有一大堆文字,我已将它们粘贴到我的页面上,位于 ID 为“story”的 div 内。每个段落实际上在 html 文件中单独一行,每个段落之间由一行分隔。我想使用 Bootstrap 使文本墙更具可读性。我已经把css设置成类似blog的格式,有什么办法可以动态添加</p><p>
吗?在每个段落分隔?
最佳答案
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;
也许是这样的? http://jsfiddle.net/DerekL/qv2GZ/
您不应该做的是替换字符串中的文本并将其直接转储到 DOM 中。这是不好的做法。这就是为什么我在这里创建一个 p
元素而不是用 </p><p>
替换行.
关于javascript - 我可以使用 javascript 在每隔一行插入一些字符串吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24945392/