一个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下操作css的float属性的特殊写法
Aug 22 Javascript
JavaScript面象对象设计
Apr 28 Javascript
aspx中利用js实现确认删除代码
Jul 22 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 Javascript
js+css实现回到顶部按钮(back to top)
Mar 02 Javascript
node.js实现复制文本到剪切板的功能
Jan 23 Javascript
微信小程序实现登录页云层漂浮的动画效果
May 05 Javascript
javascript 初学教程及五子棋小程序的简单实现
Jul 04 Javascript
利用nginx + node在阿里云部署https的步骤详解
Dec 19 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
Jan 20 Javascript
在vue中使用setInterval的方法示例
Apr 16 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
Dec 20 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(4) php 函数 补充2
2010/02/15 PHP
php对称加密算法示例
2014/05/07 PHP
PHP使用json_encode函数时不转义中文的解决方法
2014/11/12 PHP
一个经典的PHP文件上传类分享
2014/11/18 PHP
php模拟post上传图片实现代码
2016/06/24 PHP
php中使用websocket详解
2016/09/23 PHP
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
js浮动图片的动态效果
2013/07/10 Javascript
jquery ajax方式直接提交整个表单核心代码
2013/08/15 Javascript
基于jQuery实现的QQ表情插件
2015/08/25 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
2016/04/11 Javascript
jQuery中的ready函数与window.onload谁先执行
2016/06/21 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
js实现横向拖拽导航条功能
2017/02/17 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
2019/04/26 Javascript
vue实现虚拟列表功能的代码
2020/07/28 Javascript
针对Vue路由history模式下Nginx后台配置操作
2020/10/22 Javascript
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
CentOS 6.X系统下升级Python2.6到Python2.7 的方法
2016/10/12 Python
Python内建函数之raw_input()与input()代码解析
2017/10/26 Python
python读取txt文件,去掉空格计算每行长度的方法
2018/12/20 Python
Python设计模式之策略模式实例详解
2019/01/21 Python
解决python中用matplotlib画多幅图时出现图形部分重叠的问题
2019/07/07 Python
使用Python画出小人发射爱心的代码
2019/11/23 Python
amazeui 验证按钮扩展的实现
2020/08/21 HTML / CSS
公司活动邀请函
2014/01/24 职场文书
学习标兵获奖感言
2014/02/20 职场文书
财务总监岗位职责
2014/03/07 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
学生穿着不得体检讨书
2014/10/12 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
用JS实现飞机大战小游戏
2021/06/09 Javascript
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android
清空 Oracle 安装记录并重新安装
2022/04/26 Oracle