JavaScript replaceメソッドで改行コードをbrタグに置き換えるサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
文字列.replace(対象の文字列, 置換する文字列)
引数1は置換の対象となる文字列を指定します。
引数2は置換する文字列を指定します。
書式
文字列.replace(/\n/,'<br>’);
replaceメソッドを使って、改行コードをbrタグに置き換えます
使用例
<!DOCTYPE html> <html> <head> <title>改行コードを置換するサンプル</title> </head> <body> <div id="cft"></div> <script type="text/javascript"> let str = '山田太郎\n東京大学'; // replaceメソッドで\nを<br>に置換する let result = str.replace(/\n/, '<br>'); // 要素cftの取得 const txt = document.getElementById('cft'); txt.innerHTML = result; </script> </body> </html>
結果
画面に以下の内容が表示されます。
山田太郎
東京大学