Javascript：每100个字符后添加中断

Question

例如，如果我写长文本：

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

文本不在页面中，我有一个解决的办法，每100个字符后我就可以做一个<br />标签。 但是我不知道该怎么做。

谢谢你的帮助！

Answer 1

只需在您要强制换行的元素上使用以下CSS属性：

word-wrap: break-word;

无需任何JavaScript！

如果您真的想使用JavaScript（就概念而言； CSS对于可访问性和易用性而言更好），那么请继续。

哦，另一件事，如果您使用的字体不是等宽字体（而是成比例的），则截断100个字符可能无效。 一行可能包含100个“ i”字符，下一行可能包含另外100个“ m”字符，其大小差异很大。

哦，还有一件事，您不能仅在innerHTML上应用正则表达式替换，除非它全部是文本。 如果那里可能还有其他元素，则必须实际上遍历节点，仅将技术应用于文本节点。

哦，还有一件事，不要打扰。 使用javascript进行处理时出现太多问题。

Answer 2

您可以尝试以下代码

str = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa';

len = str.length;
loop = len / 100;
document.write(loop);
document.write('<br>');

for(i=0; i<=loop; i++){
  document.write( str.slice( i*100, (i*100)+100) );
  document.write('<br>');
}