一个JavaScript处理textarea中的字符成每一行实例


Posted in Javascript onSeptember 22, 2014
<!doctype html> 
  <html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <title>每天一个JavaScript实例-处理textarea中的字符成每一行</title> 
    <script> 
       
        function clicka(){ 
          console.log("aaa"); 
          var aa = document.getElementById("text"); 
          var lines = aa.value.split("\n"); 
          var bbb = document.getElementById("result"); 
          var string = ""; 
          for(i=0;i<lines.length;i++){ 
            string+= lines[i]+"<br />";////</br> 和<br /> 应该用 <br /> 
          } 
          bbb.innerHTML=string 
          } 
         
    </script> 
    </head> 
   
    <body>     
    <textarea id="text" placeholder="请输入多行文字"></textarea> 
    <div id = "result"></div>         
    <a href="javascript:void(0);" onClick="clicka()">处理换行</a>                       
    </body> 
    </html>
Javascript 相关文章推荐
Ext JS 4实现带week(星期)的日期选择控件(实战一)
Aug 21 Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
JavaScript判断输入是否为数字类型的方法总结
Sep 28 Javascript
百度地图去掉marker覆盖物或者去掉maker的label文字方法
Jan 26 Javascript
javascript标准库(js的标准内置对象)总结
May 26 Javascript
详解mpvue scroll-view自动回弹bug解决方案
Oct 01 Javascript
React+Redux实现简单的待办事项列表ToDoList
Sep 29 Javascript
vue改变循环遍历后的数据实例
Nov 07 Javascript
jQuery实现开关灯效果
Aug 02 jQuery
springboot+vue实现文件上传下载
Nov 17 Vue.js
带你彻底理解JavaScript中的原型对象
Apr 14 Javascript
Three.js实现雪糕地球的使用示例详解
Jul 07 Javascript
一个JavaScript用逗号分割字符串实例
Sep 22 #Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 #Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 #Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 #Javascript
javascript实现动态模态绑定grid过程代码
Sep 22 #Javascript
Javascript中call与apply的学习笔记
Sep 22 #Javascript
Javascript中this的用法详解
Sep 22 #Javascript
You might like
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
php发送短信验证码完成注册功能
2015/11/24 PHP
PHP实现的mysql读写分离操作示例
2018/05/22 PHP
ThinkPHP5+Layui实现图片上传加预览功能
2018/08/17 PHP
php 的多进程操作实践案例分析
2020/02/28 PHP
js实现登陆遮罩效果的方法
2015/07/28 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
2015/11/04 Javascript
快速学习jQuery插件 Cookie插件使用方法
2015/12/01 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
Augularjs-起步详解
2016/07/08 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
2016/12/02 Javascript
JS瀑布流实现方法实例分析
2016/12/19 Javascript
基于bootstrap实现多个下拉框同时搜索功能
2017/07/19 Javascript
vue中axios处理http发送请求的示例(Post和get)
2017/10/13 Javascript
浅析js中mvvm模式实现的原理
2018/10/06 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
elementUI table表格动态合并的示例代码
2019/05/15 Javascript
微信小程序页面调用自定义组件内的事件详解
2019/09/12 Javascript
d3.js实现图形缩放平移
2019/12/19 Javascript
[58:12]Ti4第二日主赛事败者组 LGD vs iG 3
2014/07/21 DOTA
Python3遍历目录树实现方法
2015/05/22 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
numpy.transpose对三维数组的转置方法
2018/04/17 Python
python版大富翁源代码分享
2018/11/19 Python
关于python多重赋值的小问题
2019/04/17 Python
python Dijkstra算法实现最短路径问题的方法
2019/09/19 Python
Python turtle库绘制菱形的3种方式小结
2019/11/23 Python
CSS3实现粒子旋转伸缩加载动画
2016/04/22 HTML / CSS
世界上最大的网络主机公司:1&1
2016/10/12 全球购物
阿联酋电子产品购物网站:Menakart
2017/09/15 全球购物
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
高校学生干部的自我评价分享
2013/11/04 职场文书
大学生的网上创业计划书
2013/12/31 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
2015年全国爱眼日活动小结
2015/02/27 职场文书
公司管理建议书
2015/09/14 职场文书