JavaScript　replaceメソッドで改行コードをbrタグに置き換えるサンプル

2022年10月26日

環境
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>

結果
画面に以下の内容が表示されます。
山田太郎
東京大学

JavaScript

Posted by arkgame