一个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 相关文章推荐
apycom出品的jQuery精美菜单破解方法
Feb 18 Javascript
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
Nov 21 Javascript
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
Apr 07 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
AngularJS数据源的多种获取方式汇总
Feb 02 Javascript
jquery实现弹窗功能(窗口居中显示)
Feb 27 Javascript
详解Vue2.0 事件派发与接收
Sep 05 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
Dec 07 Javascript
vue里input根据value改变背景色的实例
Sep 29 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
Nov 05 Javascript
原生JavaScript实现随机点名表
Jan 14 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
phpmyadmin的#1251问题
2006/11/25 PHP
PHP三层结构(上) 简单三层结构
2010/07/04 PHP
PHP开发中四种查询返回结果分析
2011/01/02 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
php防止用户重复提交表单
2015/11/02 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
php利用ffmpeg提取视频中音频与视频画面的方法详解
2017/06/07 PHP
thinkPHP5.1框架中Request类四种调用方式示例
2019/08/03 PHP
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
IE Firefox 使用自定义标签的区别
2009/10/15 Javascript
在js文件中写el表达式取不到值的原因及解决方法
2013/12/23 Javascript
jqGrid读取选择的多行的某个属性代码
2014/05/18 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
2014/06/09 Javascript
jquery插件validation实现验证身份证号等
2015/06/04 Javascript
详解JavaScript对W3C DOM模版的支持情况
2015/06/16 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
AngularJS中下拉框的基本用法示例
2017/10/11 Javascript
详解js类型判断
2018/05/22 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
Vue 打包体积优化方案小结
2020/05/20 Javascript
vue Cli 环境删除与重装教程 - 版本文档
2020/09/11 Javascript
python绘制中国大陆人口热力图
2018/11/07 Python
Python接口测试get请求过程详解
2020/02/28 Python
详解Tensorflow不同版本要求与CUDA及CUDNN版本对应关系
2020/08/04 Python
基于Python编写一个计算器程序,实现简单的加减乘除和取余二元运算
2020/08/05 Python
香港时尚女装购物网站:ZAFUL
2017/07/19 全球购物
项目经理任命书范本
2014/06/05 职场文书
校运动会广播稿300字
2014/10/07 职场文书
作文评语集锦
2014/12/25 职场文书
授权委托书
2015/01/28 职场文书
导盲犬小Q观后感
2015/06/11 职场文书
总经理2015中秋节致辞
2015/07/29 职场文书
大学生暑期实践报告之企业经营管理
2019/08/08 职场文书
浅谈mysql执行过程以及顺序
2021/05/12 MySQL