<!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实例-处理textarea中的字符成每一行的更多相关文章
	

    
								
  1. 每天一个JavaScript实例-从一个div元素删除一个段落
		
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
    
		
    2. 
						
  2. 每天一个JavaScript实例-推断图片是否载入完毕
		
    <!doctype html> <html lang="en"> <head> <meta charset="utf-8&quo ...
    
		
    3. 
						
  3. 每天一个JavaScript实例-动态省份选择城市
		
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
    
		
    4. 
						
  4. 每天一个JavaScript实例-递归实现反转数组字符串
		
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
    
		
    5. 
						
  5. 每天一个JavaScript实例-html5拖拽
		
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
    
		
    6. 
						
  6. 每天一个JavaScript实例-canvas绘图
		
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
    
		
    7. 
						
  7. 每天一个JavaScript实例-防止反复表单提交
		
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
    
		
    8. 
						
  8. 每天一个JavaScript实例-展示设置和获取CSS样式设置
		
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
    
		
    9. 
						
  9. 每天一个JavaScript实例-apply和call的使用方法
		
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 关于EJB--实体Bean的BMP和CMP选择
			
    EJB有两种主要类型BMP(Bean managed persistence )和CMP(Container managed persistence ),这两种类型各有优缺点. BMP是在Bean中完 ...
    
			
    2. 
						
  2. React项目编译node内存溢出
			
    坑爹的node 内存溢出 react开发项目  安装一个插件依赖 ,然后就报错了 报错如下(自己的没有截图出来 这是从别人的截图---报错基本差不多) 之前因为项目大而且旧的原因  使用 过      ...
    
			
    3. 
						
  3. hibernate中的事务管理是怎么概念?
			
    1.JDBC事务 JDBC 事务是用 Connection 对象控制的.JDBC Connection 接口( java.sql.Connection )提供了两种事务模式:自动提交和手工提交. ja ...
    
			
    4. 
						
  4. 洛谷—— P1162 填涂颜色
			
    https://www.luogu.org/problem/show?pid=1162 题目描述 由数字0 组成的方阵中,有一任意形状闭合圈,闭合圈由数字1构成,围圈时只走上下左右4个方向.现要求把闭 ...
    
			
    5. 
						
  5. CentOS经常使用文件操作命令[百度博客搬家]
			
    路径操作的CentOS经常使用命令 如今整理例如以下(百度博客搬家)   cd pwd  NO1. 显示当前路径  [root@rehat root]# pwd  NO2. 返回用户主文件夹  [ro ...
    
			
    6. 
						
  6. JQuery的index()函数
			
    1.index(),这里的索引从0开始计数. jQueryObject.index( [ object ] ):1.1 如果没有指定参数object,则返回当前元素在其所有同辈元素中的索引位置.1.2 ...
    
			
    7. 
						
  7. transform属性实现翻转效果
			
    transform:perspective(800px) rotateY(180deg);//翻转180度,透视800px; transition-delay: 0.3s;//过程时间 opacity ...
    
			
    8. 
						
  8. GO语言学习（二十）Go 语言递归函数
			
    Go 语言递归函数 递归,就是在运行的过程中调用自己. 语法格式如下: func recursion() { recursion() /* 函数调用自身 */ } func main() { recu ...
    
			
    9. 
						
  9. stm32单片机下载方式
			
    引用   编辑:什么鱼 引用地址:http://www.eeworld.com.cn/mcu/2015/1012/article_22873.html 第一种 ISP下载: 这里类似51. boot1 ...
    
			
    10. 
						
  10. ZOJ 2723 Semi-Prime ||ZOJ 2060 Fibonacci Again 水水水！
			
    两题水题: 1.如果一个数能被分解为两个素数的乘积,则称为Semi-Prime,给你一个数,让你判断是不是Semi-Prime数. 2.定义F(0) = 7, F(1) = 11, F(n) = F( ...
    
			
    11.