<!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. AngularJsDEMO
			
    接触AngularJs时间不长,纯粹是学着好玩而已,因此没有深挖原理,针对理论性的知识,园子里面有很多介绍,我就不多介绍了. 这里写了个简单的DEMO,部署起来就可以直接运行了,里面 大概用了最基础的 ...
    
			
    2. 
						
  2. golang round
			
    func Round(f float64, n int) float64 {pow10_n := math.Pow10(n)return math.Trunc((f+0.5/pow10_n)*pow1 ...
    
			
    3. 
						
  3. HDU 1548 A strange lift(最短路&&bfs）
			
    A strange lift Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)To ...
    
			
    4. 
						
  4. BZOJ2157: 旅游（LCT）
			
    Description Ray 乐忠于旅游,这次他来到了T 城.T 城是一个水上城市,一共有 N 个景点,有些景点之间会用一座桥连接.为了方便游客到达每个景点但又为了节约成本,T 城的任意两个景点之间 ...
    
			
    5. 
						
  5. bzoj3786星系探索(splay维护dfs序)
			
    Description 物理学家小C的研究正遇到某个瓶颈. 他正在研究的是一个星系,这个星系中有n个星球,其中有一个主星球(方便起见我们默认其为1号星球),其余的所有星球均有且仅有一个依赖星球.主星球 ...
    
			
    6. 
						
  6. 从数据库中生成XML文件
			
    前台页面<%@ page language="java" contentType="text/html; charset=utf-8" pageEncod ...
    
			
    7. 
						
  7. 转换PHP脚本成为windows的执行程序
			
    转换PHP脚本成为windows的执行程序 Convert a PHP script into a stand-alone windows executable I want to automate  ...
    
			
    8. 
						
  8. RocketMQ(九)：消息发送（续）
			
    匠心零度 转载请注明原创出处,谢谢! RocketMQ网络部署图 NameServer:在系统中是做命名服务,更新和发现 broker服务. Broker-Master:broker 消息主机服务器. ...
    
			
    9. 
						
  9. go package的理解
			
    golang package是基本的管理单元, 同一个package下面,可以有非常多的不同文件,只要 每个文件的头部    都有 如 "package xxx" 的相同name, ...
    
			
    10. 
						
  10. 学习笔记：Vue——插槽
			
    关于Vue插槽,只用过最简单的语法,现在完整地走一遍官方文档说明,并且探索更多用法. 01.如果组件中没有包含一个<slot>元素,则该组件起始标签和结束标签之间的任何内容都会被抛弃. 0 ...
    
			
    11.