Q&A
早速のご回答ありがとうございます。
「く\n」を文字列に含めれば良いということでしょうか？
前提
Javaサーブレットで処理した結果を文字列として
WEBブラウザに送信しています。
このとき、文字列が長い場合は改行して
WEB画面に表示したいです。
実現したいこと
WEBブラウザに表示する文字列を
いったん、javascriptで受け取って
window.onload メソッドで設定し
画面に表示したいです。
改行は<br>を文字列の間に埋めて行う考えです。
発生している問題
javascript で<br>を含めた文字列を
innerText に代入しようとすると、
<br>がWEB画面に表示され改行されません。
該当のソースコード
html
1<div id="result"> 2</div>
javascript
1var resultStr = ’以下、処理結果です。\n処理は成功しました。'; //←実際はJavaサーブレットから文字を受け取る 2document.getElementById("result").innerText = resultStr.replace(/(\r\n|\n|\r)/gm, '<br>');
試したこと
補足情報
・開発言語：Java 11
・開発環境：Eclipse
・Apache：Tomcat 9
回答3件
0
ベストアンサー
innerText は改行コード(\n)を改行タグ(<br>)に変換してくれますので、replace は必要ないです。
js
1var resultStr = '以下、処理結果です。\n処理は成功しました。'; 2document.getElementById("result").innerText = resultStr;
逆に、replace で改行コードを<br>に変換して innerText に代入すると
"以下、処理結果です。<br>処理は成功しました。"という文字列として渡されて、HTMLタグとして認識されません。
おまけ、
innerHTML に代入するとHTMLタグは認識します。
js
1document.getElementById("result").innerHTML = '以下、処理結果です。<br>処理は成功しました。';
投稿2022/09/01 12:31
編集2022/09/01 12:35
総合スコア33715
0
innerText に代入するとき、タグの解釈は行われません。
resultStr に < や & が含まれる可能性がないなら、innerHTML を使うといいかもしれません。可能性があるなら、改行で split() してdocument.createText() や document.createElement('br') でDOMを組み立てましょう。
投稿2022/09/01 12:18
編集2022/09/01 12:31
総合スコア20884
0
<br>ではなく\nを使用してみてください。
投稿2022/09/01 12:15
退会済みユーザー
総合スコア0
小なりではなく、ひらがなのく、です！
‘<br>‘をそのまま’\n’に変えればいいと思います！
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/09/07 14:50