一个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 jq 单击和双击区分示例介绍
Nov 05 Javascript
javascript正则表达式使用replace()替换手机号的方法
Jan 19 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
js+html5实现可在手机上玩的拼图游戏
Jul 17 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
Sep 01 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
Nov 29 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
Vue非父子组件通信详解
Jun 12 Javascript
vue子父组件通信的实现代码
Jul 09 Javascript
js实现简单的随机点名器
Sep 17 Javascript
代码解析React中setState同步和异步问题
Jun 03 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/11/26 PHP
php中一个完整表单处理实现代码
2011/11/10 PHP
gd库图片下载类实现下载网页所有图片的php代码
2012/08/20 PHP
Thinkphp中volist标签mod控制一定记录的换行BUG解决方法
2014/11/04 PHP
php采用curl实现伪造IP来源的方法
2014/11/21 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
android上传图片到PHP的过程详解
2015/08/03 PHP
php并发加锁示例
2016/10/17 PHP
将input file的选择的文件清空的两种解决方案
2013/10/21 Javascript
div模拟选择框示例代码
2013/11/03 Javascript
JS中怎样判断undefined(比较不错的方法)
2014/03/27 Javascript
JS弹出窗口的运用与技巧大全
2016/11/01 Javascript
JS实现上传图片实时预览功能
2017/05/22 Javascript
详解Nuxt.js Vue服务端渲染摸索
2018/02/08 Javascript
react 创建单例组件的方法
2018/04/26 Javascript
在Vue组件中获取全局的点击事件方法
2018/09/06 Javascript
JavaScript数组排序功能简单实现
2020/05/14 Javascript
基于JavaScript实现猜数字游戏代码实例
2020/07/30 Javascript
vue 项目中当访问路由不存在的时候默认访问404页面操作
2020/08/31 Javascript
urllib2自定义opener详解
2014/02/07 Python
快速实现基于Python的微信聊天机器人示例代码
2017/03/03 Python
关于Python如何避免循环导入问题详解
2017/09/14 Python
Python简单实现网页内容抓取功能示例
2018/06/07 Python
Python pyinotify模块实现对文档的实时监控功能方法
2018/10/13 Python
python 实现二维列表转置
2019/12/02 Python
应聘面试自我评价
2014/01/24 职场文书
检查接待方案
2014/02/27 职场文书
绩效考核实施方案
2014/03/18 职场文书
目标责任书范文
2014/04/14 职场文书
拉拉队口号
2014/06/16 职场文书
乡镇务虚会发言材料
2014/10/20 职场文书
2014年校长工作总结
2014/12/11 职场文书
鲁迅故居导游词
2015/02/05 职场文书
从严治党主题教育活动总结
2015/05/07 职场文书
开国大典观后感
2015/06/04 职场文书
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
2022/04/24 Vue.js