一个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 相关文章推荐
JQuery UI DatePicker中z-index默认为1的解决办法
Sep 28 Javascript
禁止选中文字兼容IE、Chrome、FF等
Sep 04 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
May 16 Javascript
原生JavaScript实现瀑布流布局
Jun 28 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
Jan 23 Javascript
AngularJs自定义服务之实现签名和加密
Aug 02 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
Jan 19 Javascript
sublime text配置node.js调试(图文教程)
Nov 23 Javascript
Vuejs+vue-router打包+Nginx配置的实例
Sep 20 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
JS中数据结构之栈
Jan 01 Javascript
vue中img src 动态加载本地json的图片路径写法
Apr 25 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/02 无线电
mysql From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT日期函数
2010/03/21 PHP
简单的PHP留言本实例代码
2010/05/09 PHP
PHP 命令行工具 shell_exec, exec, passthru, system详细使用介绍
2011/09/11 PHP
php中将html中的br换行符转换为文本输入中的换行符
2013/03/26 PHP
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
Laravel服务容器绑定的几种方法总结
2020/06/14 PHP
Extjs Ajax 乱码问题解决方案
2009/04/15 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
2013/12/31 Javascript
jquery访问ashx文件示例代码
2014/08/11 Javascript
用jquery模仿的a的title属性的例子
2014/10/22 Javascript
jquery插件jSignature实现手动签名
2015/05/04 Javascript
javascript实现的简单的表单验证
2015/07/10 Javascript
js实现人才网站职位选择功能的方法
2015/08/14 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
2016/01/26 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
2017/08/16 Javascript
详解angularjs 学习之 scope作用域
2018/01/15 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
2020/03/16 Javascript
python学生信息管理系统
2018/03/13 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
Python enumerate内置库用法解析
2020/02/24 Python
django创建超级用户时指定添加其它字段方式
2020/05/14 Python
Python实现自动签到脚本的示例代码
2020/08/19 Python
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
新春寄语大全
2014/04/09 职场文书
学雷锋的心得体会
2014/09/04 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
2016年社会主义核心价值观心得体会
2016/01/21 职场文书
2016年感恩教师节活动总结
2016/04/01 职场文书
正确使用MySQL update语句
2021/05/26 MySQL
RPM包方式安装Oracle21c的方法详解
2021/08/23 Oracle