<!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. Flume的data flow（数据流）
			
    data flow描述了数据从产生,传输.处理并最终写入目标的一条路径. 数据的采集的流向!如下图所示.  
    
			
    2. 
						
  2. mahout的特性（三）
			
    mahout的特性 虽然在开源领域中相对较为年轻,但 Mahout 已经提供了大量功能,特别是在集群和CF 方面. Mahout 的主要特性包括: Taste CF.Taste 是 Sean Owen ...
    
			
    3. 
						
  3. 在window编写好的网站往linux上发布
			
    得知ASP.NET CORE可以跨平台,我内心很躁动,毕竟自己喜欢的,之前没有学过linux导致一开始上手linux有点困难,按照https://www.microsoft.com/net/core# ...
    
			
    4. 
						
  4. Eclipse导入Maven项目出现错误：Unsupported IClasspathEntry kind=4
			
    使用Eclipse导入Maven项目失败,提示: An internal error occurred during: "Importing Maven projects". Un ...
    
			
    5. 
						
  5. Java经典23种设计模式之行为型模式(二)
			
    本文接着介绍行为型模式里的解释器模式.迭代器模式.中介者模式. 一.解释器模式Interpret 给定一个语言,定义它的文法的一种表示,并定义一个解释器,这个解释器使用该表示来解释语言的中的句子. 1 ...
    
			
    6. 
						
  6. AsyncCallback BeginInvode endinvode 异步调用
			
    下面是搜藏的代码: //首先准备好,要进行C#异步调用的方法(能C#异步调用的,最好不多线程) private string MethodName(int Num, out int Num2) { N ...
    
			
    7. 
						
  7. sampleviewer add  menu item error 'assert'
			
    可以跟踪到 mfc提供的源代码内部,(注:如果打开了mfc源代码,设置了断点,但是跟不进去,那就需要更新PDB文件,具体网上搜)打开 wincore.cpp文件(D:\Program Files\Mi ...
    
			
    8. 
						
  8. 扩展的方法：es6 安装模块builder
			
    https://github.com/es-shims/es5-shim/ Image.png 检测浏览器可支持es5,不支持就扩展,做兼容: 扩展的方法: Image.png 取所有对象的键值: o ...
    
			
    9. 
						
  9. 【习题 3-8 UVA - 202】Repeating Decimals
			
    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 余数出现循环节. 就代表出现了循环小数. [代码] #include <bits/stdc++.h> using nam ...
    
			
    10. 
						
  10. 程序员的困境 - R中国用户组-炼数成金
			
    原文:http://www.oschina.net/news/43389/the-plight-of-programmer 在大型公司中不能腐蚀自己的学习能力和时间能力. 最近我为一个内核程序员的职位 ...
    
			
    11.