一个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 相关文章推荐
js GridView 实现自动计算操作代码
Mar 25 Javascript
js创建数据共享接口——简化框架之间相互传值
Oct 23 Javascript
javascript 文本框水印/占位符(watermark/placeholder)实现方法
Jan 15 Javascript
js点击button按钮跳转到另一个新页面
Oct 10 Javascript
ECMA5数组的新增方法有哪些及forEach()模仿实现
Nov 03 Javascript
Angular之指令Directive用法详解
Mar 01 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
Aug 24 Javascript
iview给radio按钮组件加点击事件的实例
Sep 30 Javascript
AngularJS select加载数据选中默认值的方法
Feb 28 Javascript
详解如何在Angular优雅编写HTTP请求
Dec 05 Javascript
JS实现页面侧边栏效果探究
Jan 08 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读取富文本的时p标签会出现红线是怎么回事
2014/05/13 PHP
destoon各类调用汇总
2014/06/20 PHP
php常用字符串处理函数实例分析
2014/11/22 PHP
盘点PHP和ASP.NET的10大对比!
2015/12/24 PHP
PHP中的密码加密的解决方案总结
2016/10/26 PHP
PHP 中使用explode()函数切割字符串为数组的示例
2017/05/06 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
php函数式编程简单示例
2019/08/08 PHP
function, new function, new Function之间的区别
2007/03/08 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
2015/08/17 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
jquery实现全屏滚动
2015/12/28 Javascript
JS实现为排序好的字符串找出重复行的方法
2016/03/02 Javascript
JavaScript的==运算详解
2016/07/20 Javascript
10个最受欢迎的 JavaScript框架(推荐)
2019/04/24 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
2019/05/26 Javascript
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
JS实现滑动拼图验证功能完整示例
2020/03/29 Javascript
django 自定义用户user模型的三种方法
2014/11/18 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
pandas值替换方法
2018/07/10 Python
Python使用装饰器模拟用户登陆验证功能示例
2018/08/24 Python
python根据list重命名文件夹里的所有文件实例
2018/10/25 Python
Python实现的特征提取操作示例
2018/12/03 Python
使用Python和Prometheus跟踪天气的使用方法
2019/05/06 Python
协程Python 中实现多任务耗资源最小的方式
2020/10/19 Python
Python实现我的世界小游戏源代码
2021/03/02 Python
Hotels.com加拿大:领先的在线住宿网站
2018/10/05 全球购物
早晨薰衣草在线女性精品店:Morning Lavender
2021/01/04 全球购物
PHP面试题及答案一
2012/06/18 面试题
校园报刊亭创业计划书
2014/01/02 职场文书
优秀教师主要事迹
2014/02/01 职场文书
高三家长寄语
2014/04/03 职场文书
学会感恩主题班会
2015/08/12 职场文书
导游词之茶卡盐湖
2019/11/26 职场文书