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>');
}