一个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自定义构造函数的详解说明
Apr 24 Javascript
JavaScript instanceof 的使用方法示例介绍
Oct 23 Javascript
js获取时间(本周、本季度、本月..)
Nov 22 Javascript
利用jquery写的左右轮播图特效
Feb 12 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
Sep 09 Javascript
JavaScript事件代理和委托详解
Apr 08 Javascript
Angular2进阶之如何避免Dom误区
Apr 02 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
Jul 01 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
原生JavaScript实现的无缝滚动功能详解
Jan 17 Javascript
Vue toFixed保留两位小数的3种方式
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
一漂亮的PHP图片验证码实例
2014/03/21 PHP
不用ajax实现点击文字即可编辑的方法
2007/12/16 Javascript
JQuery toggle使用分析
2009/11/16 Javascript
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
修改好的jquery滚动字幕效果实现代码
2011/06/22 Javascript
简介JavaScript中search()方法的使用
2015/06/06 Javascript
JQuery之proxy实现绑定代理方法
2016/08/01 Javascript
javascript中异常处理案例(推荐)
2016/10/03 Javascript
Vue-Cli中自定义过滤器的实现代码
2017/08/12 Javascript
微信小程序模板(template)使用详解
2018/01/31 Javascript
解决npm安装Electron缓慢网络超时导致失败的问题
2018/02/06 Javascript
node内置调试方法总结
2018/02/22 Javascript
vue+eslint+vscode配置教程
2019/08/09 Javascript
JavaScript React如何修改默认端口号方法详解
2020/07/28 Javascript
解决antd Form 表单校验方法无响应的问题
2020/10/27 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
python实现爬取千万淘宝商品的方法
2015/06/30 Python
python实现读取excel写入mysql的小工具详解
2017/11/20 Python
解决pandas无法在pycharm中使用plot()方法显示图像的问题
2018/05/24 Python
python实现排序算法解析
2018/09/08 Python
对python读取zip压缩文件里面的csv数据实例详解
2019/02/08 Python
Python除法之传统除法、Floor除法及真除法实例详解
2019/05/23 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
Pytorch中的VGG实现修改最后一层FC
2020/01/15 Python
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
实例讲解使用HTML5 Canvas绘制阴影效果的方法
2016/03/25 HTML / CSS
德国传统玻璃制造商:Cristalica
2018/04/23 全球购物
介绍一下grep命令的使用
2015/06/12 面试题
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
大专生工程监理求职信
2013/10/04 职场文书
运动会通讯稿100字
2014/01/31 职场文书
2014年机关作风建设工作总结
2014/10/23 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
2015入党个人自传范文
2015/06/26 职场文书
《夹竹桃》教学反思
2016/02/23 职场文书