一个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 相关文章推荐
Javascript typeof 用法
Dec 28 Javascript
js中设置元素class的三种方法小结
Aug 28 Javascript
js中window.open打开一个新的页面
Aug 10 Javascript
javascript数组随机排序实例分析
Jul 22 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
Sep 19 Javascript
Angularjs过滤器使用详解
May 25 Javascript
AngularJS HTML DOM详解及示例代码
Aug 17 Javascript
图解Javascript——作用域、作用域链、闭包
Mar 21 Javascript
详解javascript中的babel到底是什么
Jun 21 Javascript
React-router4路由监听的实现
Aug 07 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
通过实例解析javascript Date对象属性及方法
Nov 04 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 数学运算验证码实现代码
2009/10/11 PHP
php可扩展的验证类实例(可对邮件、手机号、URL等验证)
2015/07/09 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
PHP _construct()函数讲解
2019/02/03 PHP
PHP addAttribute()函数讲解
2019/02/03 PHP
JavaScript 检测浏览器和操作系统的脚本
2008/12/26 Javascript
读jQuery之四(优雅的迭代)
2011/06/20 Javascript
如何让div span等元素能响应键盘事件操作指南
2012/11/13 Javascript
javascript变量作用域使用中常见错误总结
2013/03/26 Javascript
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
20分钟打造属于你的Bootstrap站点
2016/07/27 Javascript
js数组去重的hash方法
2016/12/22 Javascript
Bootstrap风格的zTree右键菜单
2017/02/17 Javascript
无循环 JavaScript(map、reduce、filter和find)
2017/04/08 Javascript
JS实现的简单标签点击切换功能示例
2017/09/21 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
2018/03/15 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
2018/08/19 Javascript
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
node.js实现为PDF添加水印的示例代码
2018/12/05 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
原生JS实现天气预报
2020/06/16 Javascript
python回溯法实现数组全排列输出实例分析
2015/03/17 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
[原创]windows下Anaconda的安装与配置正解(Anaconda入门教程)
2018/04/05 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
在Python中等距取出一个数组其中n个数的实现方式
2019/11/27 Python
多个python文件调用logging模块报错误
2020/02/12 Python
python 实现表情识别
2020/11/21 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
HTML5 文件上传下载的实例代码
2017/07/03 HTML / CSS
机械专业应届生求职信
2013/09/21 职场文书
银行实习生的自我评价
2014/01/13 职场文书
高一政治教学反思
2014/01/28 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
财务部会计岗位职责
2015/02/03 职场文书
pytorch实现ResNet结构的实例代码
2021/05/17 Python