一个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 相关文章推荐
番茄的表单验证类代码修改版
Jul 18 Javascript
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
JS检测输入字符是否包含非法字符的示例代码
Feb 11 Javascript
jQuery中mouseover事件用法实例
Dec 26 Javascript
实现无刷新联动例子汇总
May 20 Javascript
jQuery插件之validation插件
Mar 29 jQuery
JS简单实现自定义右键菜单实例
May 31 Javascript
微信小程序 scroll-view实现锚点滑动的示例
Dec 06 Javascript
微信小程序实现上传图片功能
May 28 Javascript
记一次webpack3升级webpack4的踩坑经历
Jun 12 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
基于VUE实现简单的学生信息管理系统
Jan 13 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
PHP中防止SQL注入攻击和XSS攻击的两个简单方法
2010/04/15 PHP
解析PHP 5.5 新特性
2013/07/02 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
微信随机生成红包金额算法php版
2016/07/21 PHP
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
2008/09/26 Javascript
初学JavaScript_03(ExtJs Grid的简单使用)
2008/10/02 Javascript
jquery+json实现的搜索加分页效果
2010/03/31 Javascript
document.getElementById方法在Firefox与IE中的区别
2010/05/18 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
2010/09/10 Javascript
修改jquery.lazyload.js实现页面延迟载入
2010/12/22 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
2015/05/11 Javascript
jquery实现叠层3D文字特效代码分享
2015/08/21 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
2016/09/19 Javascript
angular4模块中给标签添加背景图的实现方法
2017/09/15 Javascript
Element UI框架中巧用树选择器的实现
2018/12/12 Javascript
详解JavaScript原型与原型链
2020/11/16 Javascript
[04:44]DOTA2西游记战队视频彩蛋流出 师徒开黑巧遇林书豪
2016/08/03 DOTA
Python检测网站链接是否已存在
2016/04/07 Python
使用python获取邮箱邮件的设置方法
2019/09/20 Python
Django 解决distinct无法去除重复数据的问题
2020/05/20 Python
python3.6.5基于kerberos认证的hive和hdfs连接调用方式
2020/06/06 Python
Django如何实现密码错误报错提醒
2020/09/04 Python
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
2021/01/27 HTML / CSS
amaze ui 的使用详细教程
2020/08/19 HTML / CSS
自然健康的概念:Natural Healthy Concepts
2020/01/26 全球购物
管理信息系学生的自我评价
2014/01/11 职场文书
家长给老师的道歉信
2014/01/13 职场文书
优秀团员事迹材料1000字
2014/08/20 职场文书
先进单位事迹材料
2014/12/25 职场文书
协议书范文
2015/01/27 职场文书
2015中学学校工作总结
2015/07/20 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS
MySQL 用 limit 为什么会影响性能
2021/09/15 MySQL
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js
漫画「请问您今天要来点兔子吗?」最新杂志彩页公开
2022/03/24 日漫
引用计数法和root搜索算法以及JVM中判定对象需要回收的方法
2022/04/19 Java/Android