一个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高亮效果的二种实现方法
Sep 14 Javascript
jquery checkbox,radio是否选中的判断代码
Mar 20 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
Jan 24 Javascript
javascript日期对象格式化为字符串的实现方法
Jan 14 Javascript
JavaScript中的console.trace()函数介绍
Dec 29 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 Javascript
Vue2.0父子组件传递函数的教程详解
Oct 16 Javascript
React Router v4 入坑指南(小结)
Apr 08 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
Oct 23 Javascript
什么是SOLID
Mar 24 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
使用TinyButStrong模板引擎来做WEB开发
2007/03/16 PHP
在win7中搭建Linux+PHP 开发环境
2014/10/08 PHP
php获取CSS文件中图片地址并下载到本地的方法
2014/12/02 PHP
php获取json数据所有的节点路径
2015/05/17 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
ExtJS Grid使用SimpleStore、多选框的方法
2009/11/20 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
2014/02/10 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
2015/11/18 Javascript
javascript如何写热点图
2015/12/08 Javascript
使用vue.js制作分页组件
2016/06/27 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
浅谈vue+webpack项目调试方法步骤
2017/09/11 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
vue-router懒加载的3种方式汇总
2021/02/28 Vue.js
Python 抓取动态网页内容方案详解
2014/12/25 Python
python实现数据预处理之填充缺失值的示例
2017/12/22 Python
Python实现识别手写数字 Python图片读入与处理
2020/03/23 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
python 对给定可迭代集合统计出现频率,并排序的方法
2018/10/18 Python
python实现石头剪刀布小游戏
2021/01/20 Python
python itchat实现调用微信接口的第三方模块方法
2019/06/11 Python
通过PYTHON来实现图像分割详解
2019/06/26 Python
python switch 实现多分支选择功能
2020/12/21 Python
HTML5 Canvas基本线条绘制的实例教程
2016/03/17 HTML / CSS
HTML5 canvas基本绘图之图形组合
2016/06/27 HTML / CSS
夜大毕业生自我鉴定
2013/10/31 职场文书
物理教师自荐信范文
2013/12/28 职场文书
司机检讨书
2014/02/13 职场文书
电子商务专业毕业生求职信
2014/06/12 职场文书
节能环保家庭事迹材料
2014/08/27 职场文书
十一国庆节“向国旗敬礼”主题班会活动方案
2014/09/27 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
2015年党务公开工作总结
2015/05/19 职场文书
2015年小班保育员工作总结
2015/05/27 职场文书
python基础学习之生成器与文件系统知识总结
2021/05/25 Python
【海涛dota解说】海涛小满开黑4v5被破两路翻盘潮汐第一视角解说
2022/04/01 DOTA