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>

  

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。