JS控制在textarea中换行

分类:计算机 | 前端 | JavaScript | 综合 382
更新:2020-03-21 18:58:04
编辑

控制文字内容在textarea中换行的js代码如下:

var result = "";
for ( var int = 0; int < resultData.length; int++) {
    result += resultData[int].name+ resultData[int].result+ "\r\n";
}
$('#message').text(result);

这里后台传过来的是一个json数组对象,包含多个json格式的结果,前端遍历json数组对象时希望每一个结果显示的时候都换行,这里只要"\r\n"就可以了。

如果用原生js的话必须用innerText,innerHTML是不可以的:

document.getElementById('id').innerText=str;

这里记一下三种换行的方式以及各自的使用方式:

  1. \n,这种方式只能在js中使用,在HTML中直接使用时无效的。
  2. \r,和回车符是相同效果,换行符'\n'和回车符'\r'的区别:在控制台程序里,回车的本意是将光标移动到屏幕最左边(此时光标的横坐标没有变),换行就是将光标移动到下一行(此时光标的纵坐标没有变),两者结合起来就实现了回车(省略说法)效果。

  3. ,HTML中的换行符,这里js不能直接拼接使用。

转载地址

版权声明:本文为CSDN博主「kewen303」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/kewen1989/article/details/41651777