js實現字串的查詢和替換

阿新 • • 發佈：2019-01-21

<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#box{
				width: 600px;
				margin: 0 auto;
				border: 10px solid #9632cc;
			}
			#span1{
				display:block;
				width: 560px;
				overflow:hidden;
				background: #ccc;
				font-size: 20px;
				padding: 20px;
			}
			a{
				text-decoration: none;
				font-size: 20px;
				float: left;
				display: block;
				width: 100px;
				padding: 10px;
				text-align:center;
				color:black;
			}
			.active{
				background: orange;
				color: #fff;
			}
			p{
				clear: both;
			}
			#oprate{
				padding: 15px;
			}

		</style>
		<script type="text/javascript">
			window.onload=function(){
				var ospan=document.getElementById("span1");
				var odiv= document.getElementsByTagName("a");//獲取到所有div
				var op=document.getElementsByTagName("p");
				var oinput=document.getElementsByTagName("input");

		        //第一個div
				op[1].style.display="none";
				odiv[0].onclick=function(){
					for(i=0;i<odiv.length;i++){
						odiv[i].className="";
					}
					this.className="active";
					op[1].style.display="none";
			        op[0].style.display="block";
					
				}
				
				//第二個div
				odiv[1].onclick=function(){
					for(i=0;i<odiv.length;i++){
						odiv[i].className="";
					}
					this.className="active";
					op[0].style.display="none";
			        op[1].style.display="block";
				}


				//查詢部分
				oinput[1].onclick=function(){
					if(oinput[0].value==""){
						alert("輸入為空，請重新輸入")
					}else{
                        var oValue=oinput[0].value;
                        if(oText.indexOf(oValue)!=-1)
                        {
                            ospan.innerHTML=oText;
                            var arr=ospan.innerHTML.split(oValue);
                            oValue = arr.join('<span style="background:yellow;">'+oValue+'</span>');
                            ospan.innerHTML=oValue;
                        }else{
                            alert('未查詢到');
                            oinput[0].value='';
                        }
					}

				}


				//查詢並替換部分

                oinput[4].onclick=function(){
                        if(oinput[2].value==""){
                            alert("輸入為空，請重新輸入")
                        }else{
                            var oValue2=oinput[2].value;
                            var oValue3=oinput[3].value;
                            var oText = ospan.innerHTML;
							if(oText.indexOf(oValue2)!=-1)
                                {

                                    ospan.innerHTML=oText;
                                    var arr=ospan.innerHTML.split(oValue2);
                                    oValue = arr.join('<span style="background:#f1bbff;">'+oValue3+'</span>');
									ospan.innerHTML=oValue;
                                }else{
                                    alert('未查詢到');
                                    oinput[2].value='';
                                }
							}

                        }


            }
		</script>
	</head>
	<body>
		<div id="box">
			<span id="span1">
				教養和文化是兩回事，有的人很有文化，但是很沒教養，有的人沒有什麼太高的學歷和學識，
				但仍然很有教養，很有分寸。教養是帶有某種天生的素質和一點一滴的積累。人生那麼長，
				未知的東西那麼多。人與人之間的關係往往是相互的，與人為善，也是與自己為善。讓自己
				更平和一點，更豁達一點，對於身邊的過錯，讓自己更寬容一點。人人都有他的難處，何必
				強求於人。人生在世，行路匆匆，生活充滿變數，時而樂極生悲，時而苦盡甘來，一切不必
				較真，只須篤定前行。要敢於認錯，既然錯了，就要糾正，虛假是味毒藥，真實能幫你把失
				去的贏回來；要敢於擔當，迴避不是辦法。風霜的雕刻，永遠保留自己的稜角。不要做河流
				裡的石頭，享受微波多情的撫摸，最後變成一塊光亮的鵝卵石。
			</span>
			<div id="oprate">
				<a href="javascript:;" class="active">查詢</a>
			    <a href="javascript:;">替換</a>
		    <br/>
		    <p>
			    <input type="text" />
			    <input type="button" value="查詢">
		    </p>
		    <p>
				<input type="text" />
			    <input type="text" />
				<input type="button" value="替換">
		    </p>
			</div>
		</div>
	</body>
</html>

Python學習-字串查詢和替換方法

#coding:utf-8 """ 字串查詢和替換 startswith endswith find replace """ s='hello world' # 1。是否開始bool print s.startswith('h') # 2。是否結尾bool print s.en

C++字串查詢和替換

//Author:Donny //This is ... #include<bits/stdc++.h> #include <unistd.h> #include <sys/types.h> #include <sys/time.h

js實現字串的查詢和替換

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"&

實現字串的查詢和替換

在字串中查詢目標字串並將其替換為指定字串，返回替換的次數。介面為 int find_str_replace(char *&str,const char *find_str,const char *replace_str) 將str中所有find_str替換為repl

vi vim 查詢和替換字串命令

一、vi查詢: 當你用vi開啟一個檔案後，因為檔案太長，如何才能找到你所要查詢的關鍵字呢？在vi裡可沒有選單-〉查詢，不過沒關係,你在命令模式下敲斜杆(/)這時在狀態列（也就是螢幕左

原生js實現新增刪除和查詢元素的class

<p id='p' class='dec'>hello</p> .active{ color:red; } .bigger{ font-size:30px; } .dec{ text-decoration:underline; } let

php字串的查詢和替換

字串查詢並替換的二大函式 * 1.str_replace() * 2.substr_replace() $str = 'Peter Zhu is PHP lecture'; //二、str_replace() //1.str_replace() echo str_replac

Python字串string的查詢和替換

hello_str = "hello world" # 1. 判斷空白字元 space_str = " \t\n\r" print(space_str.isspace()) # 2. 判斷是否以指定字串開始 print(hello_str.start

如何用Python來進行查詢和替換一個文字字串？

可以使用sub()方法來進行查詢和替換，sub方法的格式為：sub(replacement, string[, count=0]) replacement是被替換成的文字 string是需要被替換的文字 count是一個可選引數，指最大被替換的數量例子： import re p = re.compile

查詢和替換目錄中所有檔案中的某個字串

1、查詢目錄下包含某個字串的檔案例：查詢 dir 目錄下所有包含 str 的檔案。 grep -lr 'str' dir 2、vim替換單個檔案中所有字串方法例：替換當前檔案中所有 old 為 new :%s/old/new/g 3、替換目錄及子目錄下所有

js實現字串替換replaceAll的方法

JS 字串替換操作有replace() 方法。但是這個方法有些問題，就是隻能替換目標字串中第一個匹配的字串。如下例： var str = "wordwordwordword"; var strNew = str.replace("word","Excel"

C語言實現在英語句子查詢和替換一個單詞。

用C語言實現從字串中讀取存在單詞的位置，並替換成別的單詞，可用於英語句子中的單詞替換。注意： 1、該程式被替換的是單個單詞，而不是單詞裡的字元，如替換"like"裡的'i'為'u'。效果圖如下：

用JS實現變換背景和字體顏色

gree size out dex ext () func htm round <!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://ap

JS實現的ajax和同源策略

服務 inner 前端谷歌視圖view 應用 log sda 1.4.1 一、回顧jQuery實現的ajax 首先說一下ajax的優缺點優點： AJAX使用Javascript技術向服務器發送異步請求； AJAX無須刷新整個頁面；因為服務器響應內容不再是整個頁

js實現淺拷貝和深拷貝

擴展運算復制對象數據類型對象 return strong key stringify 循環淺拷貝和深拷貝都只針對於像Object， Array這樣的復雜對象，區別：淺拷貝只復制對象的第一層屬性、深拷貝可以對對象的屬性進行遞歸復制如果數組元素是基本類型，就會拷貝一

第4章：介紹python物件型別/4.1 python的核心資料型別/4.2 字串/4.2.3 字串查詢、替換、分解、轉大小寫

字串查詢/替換/分解/轉大小寫字串查詢 >>> S 'abcd' >>> S.find("bc") 1 替換 >>> S.replace("bc","xyz") 'axyzd' 分解 >>>

SQL查詢和替換含有回車，空格，TAB

轉：https://blog.csdn.net/u010195563/article/details/82927984 ---如下是查詢語句 --查詢名稱有退格鍵 select * from t_bd_item_info where charindex(char(8),item_na

Notepad++查詢和替換空白行

原來有很多空白行查詢替換正則表示式將 \r\n\r 換為 \r 轉義字元瞭解一下 \r 回車(CR) ，將當前位置移到本行開頭&nb

leetcode 890. 查詢和替換模式

你有一個單詞列表 words 和一個模式 pattern，你想知道 words 中的哪些單詞與模式匹配。如果存在字母的排列 p ，使得將模式中的每個字母 x 替換為 p(x)&n

Vim 查詢和替換

這篇文章來詳細介紹 Vim 中查詢相關的設定和使用方法。包括查詢與替換、查詢游標所在詞、高亮前景/背景色、切換高亮狀態、大小寫敏感查詢等。查詢在normal模式下按下/即可進入查詢模式，輸入要查詢的字串並按下回車。 Vim會跳轉到第一個匹配。按下n查詢下

js實現字串的查詢和替換

相關推薦