一个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 相关文章推荐
XML文件转化成NSData对象的方法
Aug 12 Javascript
解决WordPress使用CDN后博文无法评论的错误
Dec 15 Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
Jul 01 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
Jun 04 Javascript
vue中页面跳转拦截器的实现方法
Aug 23 Javascript
动态加载JavaScript文件的3种方式
May 05 Javascript
微信小程序使用gitee进行版本管理
Sep 20 Javascript
浅谈Vue的响应式原理
May 30 Javascript
JS插入排序简单理解与实现方法分析
Nov 25 Javascript
vue 如何使用递归组件
Oct 23 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
咖啡机如何保养和日常清洁?
2021/03/03 冲泡冲煮
PHP生成excel时单元格内换行问题的解决方法
2010/08/26 PHP
PHP+Memcache实现wordpress访问总数统计(非插件)
2014/07/04 PHP
大家都应该掌握的PHP关联数组使用技巧
2015/12/25 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
thinkphp5引入公共部分header、footer的方法详解
2018/09/14 PHP
Laravel使用Queue队列的技巧汇总
2019/09/02 PHP
javascript 日历提醒系统( 兼容所有浏览器 )
2009/04/07 Javascript
javascript 跳转代码集合
2009/12/03 Javascript
JavaScript中具名函数的多种调用方式总结
2014/11/08 Javascript
JS显示表格内指定行html代码的方法
2015/03/31 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
2016/04/03 Javascript
js控制按钮,防止频繁点击响应的实例
2017/02/15 Javascript
微信小程序  http请求封装详解及实例代码
2017/02/15 Javascript
Angular.JS中的this指向详解
2017/05/17 Javascript
echarts整合多个类似option的方法实例
2018/07/10 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
jQuery 操作 HTML 元素和属性的方法
2018/11/12 jQuery
VueX模块的具体使用(小白教程)
2020/06/05 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
[46:04]Liquid vs VP Supermajor决赛 BO 第四场 6.10
2018/07/05 DOTA
Python中的True,False条件判断实例分析
2015/01/12 Python
Python使用pymysql小技巧
2017/06/04 Python
python邮件发送smtplib使用详解
2020/06/16 Python
Python matplotlib以日期为x轴作图代码实例
2019/11/22 Python
传统HTML页面实现模块化加载的方法
2018/10/15 HTML / CSS
AmazeUI 输入框组的示例代码
2020/08/14 HTML / CSS
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
学期研究性学习个人的自我评价
2014/01/09 职场文书
好书伴我成长演讲稿
2014/05/14 职场文书
纪录片信仰观后感
2015/06/08 职场文书
利用js实现简单开关灯代码
2021/11/23 Javascript
新的CSS 伪类函数 :is() 和 :where()示例详解
2022/08/05 HTML / CSS