zoukankan      html  css  js  c++  java
  • js 查找一串字符串中一段字符

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<script type="text/javascript">
    		window.onload = function (){
    			var oP = document.getElementsByTagName("p")[0];
    			var aInput = document.getElementsByTagName("input");
    			var aSpan = document.getElementsByTagName("span");
    
    			var str = oP.innerHTML;
    			var content = '';
    
    			for(var i = 0; i < str.length; i++){
    					content += '<span>' + str.charAt(i) + '</span>';
    				}
    			oP.innerHTML = content;
    
    			aInput[1].onclick = function (){
    				var val = aInput[0].value;
    
    				var arr = [];
    				var num = -1;
    
    				function findNum(){
    				num = str.indexOf(val , num+1);
    				if(num != -1){
    					arr.push(num);
    					findNum();
    					}
    				}
    
    				function change(index){
    				for(var i = 0; i < val.length; i++){
    					aSpan[index+i].style.background = "blue";
    					}
    				}		
    				
    				findNum();
    
    
    			for(var i = 0; i < aSpan.length; i++){
    				aSpan[i].style.background = '';
    			}
    
    			for(var i = 0; i < arr.length; i++){
    				change(arr[i]);
    			}
    		}
    
    		
    }
    	</script>
    </head>
    <body>
    	<input type="text" ><input type="button" value="查询">
    	<p>sagdhrthyrutyjjsasaHHsdgsg</p>
    </body>
    </html>
    

      

  • 相关阅读:
    ORACLE CLIENT客户端安装步骤详解
    mkswap 把一个分区格式化成为swap交换区
    编译安装lnmp
    使用源代码安装lnmp
    查看nginx编译安装
    linux lnmp编译安装
    nginx编译安装
    lnmp脚本
    搭建LAMP测试环境
    绝路上的桥
  • 原文地址:https://www.cnblogs.com/mayufo/p/4440441.html
Copyright © 2011-2022 走看看