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>

let str = '山田太郎\n東京大学';

// replaceメソッドで\nを<br>に置換する

let result = str.replace(/\n/, '<br>');

// 要素cftの取得

const txt = document.getElementById('cft');

txt.innerHTML = result;

</script>

</body>

</html>

<!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>

<!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

関連投稿: