JS控制在textarea中换行
分类:计算机 | 前端 | JavaScript | 综合 583
更新: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;
这里记一下三种换行的方式以及各自的使用方式:
- \n,这种方式只能在js中使用,在HTML中直接使用时无效的。
- \r,和回车符是相同效果,换行符'\n'和回车符'\r'的区别:在控制台程序里,回车的本意是将光标移动到屏幕最左边(此时光标的横坐标没有变),换行就是将光标移动到下一行(此时光标的纵坐标没有变),两者结合起来就实现了回车(省略说法)效果。
,HTML中的换行符,这里js不能直接拼接使用。
转载地址
版权声明:本文为CSDN博主「kewen303」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/kewen1989/article/details/41651777
猿导航
阅读排行榜
- 1vue和el-table使用经验-如何刷新表格数据6505
- 2uni-app使用经验—vue页面和html页面如何互相调用接口并传参3403
- 3nuxt.js项目中如何添加和使用全局变量1922
- 4如何用批处理命令(bat脚本)启动和停止windows服务1914
- 5nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数1806
- 6Spring学习经验—@ResponseBody注解的使用说明1788
- 7Druid异常解决经验—java.sql.SQLException url not set1761
- 8解决SpringBoot使用maven下载不了jar包的问题1743
- 9Intellij IDEA下的版本控制VCS的启用与关闭1736
- 10linux如何成功地离线安装docker1618
- 11在Nuxt.js项目的head中引用外部js文件1586
- 12Nuxt.js项目实现路由鉴权和用户登录1575
- 13软件项目管理——详细设计说明书模板11538
- 14Windows中使用Nginx解决前后端分离部署中的跨域问题1479
- 15Element-UI学习经验——el-switch开关的用法1415