JS处理textarea如何换行?

JavaScript018

JS处理textarea如何换行?,第1张

function line2br(text){

return text.split("\n").join("<br />")

}

不过一般光这样还不成,还要屏蔽“<>”,我用的方法是

function line2br(text){

$("<div>").text(text).html().split("\n").join("<br />")

}

可以通过以下2种方式:

1、在需要换行的位置输出</br>

2、段落使用<p>或者<div>等块元素括起来

示例

1、通过br的方式

<body>

  <div id='d1'>111</div>

 </body>

<script>

  document.getElementById('d1').innerHTML = '22222</br>3333'//这里通过增加</br>的方式换行

</script>

2、通过<p>的方式

<body>

  <div id='d1'>111</div>

 </body>

<script>

  document.getElementById('d1').innerHTML = '<p>22222</p><p>3333</p>'//这里通过<p>的方式换行

</script>

换行在 JS 中用 \n 表示,因此判断 textarea 的值是否包含 \n 即可判断:

if (document.getElementById('textareaId').value.indexOf('\n') > -1) {

    // 内容中有换行

} else {

    // 内容中没有换行

}