<!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. golang md5
			
    package main import ( "crypto/md5" "encoding/hex" "fmt" "io" ...
    
			
    2. 
						
  2. TypeScript深入学习
			
    基础类型booleannumberstringstring[]//Array<string> 数组类型(ReadonlyArray<string>数组不能修改,也不允许被赋值给 ...
    
			
    3. 
						
  3. 囧 appspot.com/
			
    囧 appspot.com/ 我负责公司人事,最近车间招了一批外来打工妹,让她们填写个人资料表格,早上在看表格登记,发现其中一张政治面貌一栏赫然写着"瓜子脸",当时笑得眼泪直流,没 ...
    
			
    4. 
						
  4. socket UDP简单通讯
			
    // // SocketUDPServerClient.m // socket_server_client // // Created by lujunjie on 2016/11/26. // Co ...
    
			
    5. 
						
  5. golang encoding/json
			
    package main import ( "bytes" "encoding/json" "fmt" ) type ColorGroup  ...
    
			
    6. 
						
  6. TabControl里面添加From
			
    private void dynamicDll() { string dllName = "dll"; Assembly ass = Assembly.Load(dllName); ...
    
			
    7. 
						
  7. 【BZOJ 1146】【CTSC 2008】网络管理network
			
    一句话题意,树链上带改动区间第k大 感觉能够dfs+主席树O(nlog2n)过掉,但我不会写= = 于是写的线段树套平衡树+链剖+二分(改动O(nlog3n),查询O(nlog4n)慢了好多啊QAQ) ...
    
			
    8. 
						
  8. 学习笔记：TypeScript入门——基础类型
			
    前言: TypeScript官网断断续续看过几遍,不知道项目中如何使用,有机会还是要实践一下.现在再把文档上不懂的知识点理一遍. 基础类型 1.什么是元组Tuple? 元组类型允许表示一个已知元素数量 ...
    
			
    9. 
						
  9. Day3：集合
			
    一.集合的定义及特性 1.集合的特性 1.1   去重,把一个列表变成集合,就自动去重了 1.2   关系测试,测试两组数据之间的交集.差集等关系 #!/usr/bin/env python # -* ...
    
			
    10. 
						
  10. GDB中创建要素数据集
			
    转自 在geodatabase中创建要素集 //在数据集中创建要素 private void menuItem25_Click(object sender, System.EventArgs e) { ...
    
			
    11.