文字列の改行を<br>タグに変換

Question

やりたいこと

textareaなどのvalueを所得した時、改行されていたら\nになると思います。

<textarea id="textarea">test&#13;sss</textarea>
<!-- 
textarea表示

test
sss
-->
<script>
var value = document.getElementByid("textarea").value;
// value=test\nsss
</script>

この、文字列の中の\nをhtmlの<br>に変換することは可能ですか？

可能であればやり方を教えてください。

Answer 1

そもそもtextareaのvalueを入れたいときは、下記のようにすると思います。
valueはinputなどでは使えますが、textareaでは使えないのではないでしょうか？

<textarea>hogehoge</textarea>

また改行は改行コードを入れるとできると思います。

<textarea>hoge&#13;hoge</textarea>

http://www.htmq.com/html/textarea.shtml

Comments

[Res]

あ、それは間違えました。
この頃textarea使っていなかったので、

Answer 2

ふつうに .replace() で変換するのじゃダメですか?

Comments

[Res]

どのように入れますか？
document.getElementByid("textarea").replace()のように入れるのですか？

[takasima20]

value.replace() みたいな感じです。

[Res]

なるほど。
そうすると<br>に置き換わるのですか？

[takasima20]

カッコ内に変換したいように指示を書けばそうなります。

[Res]

今一番上の回答のようにやれば良いですね。

Answer 3

以下の感じでできるかと思います。

const value = document.getElementById("textarea").value.replace(/\n/g, '<br>')

Answer 4

console.logで見れば分かりますが
改行コードを入れた場合はそのまま改行されます。