一个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 相关文章推荐
ExtJs3.0中Store添加 baseParams 的Bug
Mar 10 Javascript
JQuery设置时间段下拉选择实例
Dec 30 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
Feb 03 Javascript
jQuery实现图片加载完成后改变图片大小的方法
Mar 29 Javascript
常用的js验证和数据处理总结
Aug 02 Javascript
你不知道的 javascript【推荐】
Jan 08 Javascript
canvas 实现中国象棋
Feb 17 Javascript
Angular2使用Augury来调试Angular2程序
May 21 Javascript
vue-cli webpack2项目打包优化分享
Feb 07 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
Feb 21 Javascript
jquery实现简单每周轮换的日历
Sep 10 jQuery
手动实现vue2.0的双向数据绑定原理详解
Feb 06 Vue.js
一个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
Drupal7 form表单二次开发要点与实例
2014/03/02 PHP
Smarty中调用FCKeditor的方法
2014/10/27 PHP
用js查找法实现当前栏目的高亮显示的代码
2007/11/24 Javascript
11款新鲜的jQuery插件[附所有demo下载]
2011/01/24 Javascript
JavaScript判断变量是否为undefined的两种写法区别
2013/12/04 Javascript
使用Node.js处理前端代码文件的编码问题
2016/02/16 Javascript
对象转换为原始值的实现方法
2016/06/06 Javascript
jQuery 添加样式属性的优先级别方法(推荐)
2017/06/08 jQuery
Vue实现路由跳转和嵌套
2017/06/20 Javascript
Bootstrap与Angularjs的模态框实例代码
2017/08/03 Javascript
JS验证码实现代码
2017/09/14 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
微信小程序和H5页面间相互跳转代码实例
2019/09/19 Javascript
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
[03:01]完美世界DOTA2联赛PWL S2 集锦第二期
2020/12/03 DOTA
在Python中使用Mako模版库的简单教程
2015/04/08 Python
python利用拉链法实现字典方法示例
2017/03/25 Python
Python学习笔记之解析json的方法分析
2017/04/21 Python
Python基于回溯法子集树模板解决旅行商问题(TSP)实例
2017/09/05 Python
PyQt5每天必学之单行文本框
2018/04/19 Python
python队列queue模块详解
2018/04/27 Python
Python机器学习k-近邻算法(K Nearest Neighbor)实例详解
2018/06/25 Python
浅析Windows 嵌入python解释器的过程
2019/07/26 Python
Python configparser模块配置文件过程解析
2020/03/03 Python
.net面试题
2015/12/22 面试题
语文教育专业推荐信范文
2013/11/25 职场文书
高分子材料与工程专业推荐信
2013/12/01 职场文书
财务部出纳岗位职责
2013/12/22 职场文书
无偿献血倡议书
2014/04/14 职场文书
住宅使用说明书
2014/05/09 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
留学推荐信中文范文
2015/03/26 职场文书
mybatis使用oracle进行添加数据的方法
2021/04/27 Oracle
react如何快速设置文件路径别名
2021/04/28 Javascript
基于Redission的分布式锁实战
2022/08/14 Redis