<!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. php中类的持久化如何实现
			
    php中类的持久化如何实现 一.总结 一句话总结:PHP持久化通过serialize()  和   unserialize() 这两个函数来实现的. 1.持久化之后的对象保存到哪里? 将复杂的数组之类 ...
    
			
    2. 
						
  2. BZOJ5020: [THUWC 2017]在美妙的数学王国中畅游(LCT,泰勒展开,二项式定理)
			
    Description 数字和数学规律主宰着这个世界.   机器的运转,   生命的消长,   宇宙的进程,   这些神秘而又美妙的过程无不可以用数学的语言展现出来.   这印证了一句古老的名言:   ...
    
			
    3. 
						
  3. 10. LCD驱动程序 ——框架分析
			
    引言: 由LCD的硬件原理及操作(可参看韦哥博客:第017课 LCD原理详解及裸机程序分析) 我们知道只要LCD控制器的相关寄存器正确配置好,就可以在LCD面板上显示framebuffer中的内容.  ...
    
			
    4. 
						
  4. hdu 4932
			
    枚举差和差的1/2 #include <cstdio> #include <cstring> #include <algorithm> using namespac ...
    
			
    5. 
						
  5. LocationOnScreen-控件在手机屏幕中的位置坐标
			
    我们可以通过如下的方法获得某个控件在屏幕中的绝对坐标 代码如下: private int[] mHistoryDisplayButtonLocation; private int mHistoryDi ...
    
			
    6. 
						
  6. 使用solr的DIHandler 构建mysql大表全量索引，内存溢出问题的解决方法
			
    solr官方给出的解决方式是: DataImportHandler is designed to stream row one-by-one. It passes a fetch size value ...
    
			
    7. 
						
  7. java线程——详解Callable、Future和FutureTask
			
    回顾: 接上篇博客 java线程--三种创建线程的方式,这篇博客主要介绍第三种方式Callable和Future.比较继承Thread类和实现Runnable接口,接口更加灵活,使用更广泛.但这两种方 ...
    
			
    8. 
						
  8. LuceneIndexFileDeleter会保留初始的commit
			
    给实时索引加入了merge策略,持续更新时发现有做merge,但索引文件夹中的段数远远大于RealTimeIndexWriter中的段数,就是有些merge的段应该删除,文件夹中没有删除.而关闭sea ...
    
			
    9. 
						
  9. jquery如何实现表单post方式提交
			
    jquery如何实现表单post方式提交 一.总结 一句话总结:即使js给form对象提供了submit()方法,那也不意为表单中可以不写提交按钮这个元素,即form表单依然需要五脏俱全才可以使用js ...
    
			
    10. 
						
  10. 画pcb时丝印不能再焊盘上
			
    上图中U3就在焊盘上,这样印出来U3显示不全
    
			
    11.