JavaScript中正則表達(dá)式使數(shù)字、中文或指定字符高亮顯示
更新時(shí)間：2017年10月31日 08:39:54 作者：Starzm
這篇文章主要介紹了JavaScript中正則表達(dá)式使數(shù)字、中文或指定字符高亮顯示,需要的朋友可以參考下
<span id="span_id">span2314的23文本213</span>
var htmlobj = txt.replace(/(\d+)/img, "<span style='background:red;'>$&</span>");
//var htmlobj = txt.replace(/([+\-]?[0-9]+(\.[0-9]+)?)/g, "<span style='background:red;'>$1</span>"); // 這個(gè)也可以
//var htmlobj = txt.replace(/(\d+)/img, "<span style='background:yellow;'>$1</span>");//這個(gè)也可以
alert("替換spna中的數(shù)字："+htmlobj);
$("#span_id").html(htmlobj);
把數(shù)字改換成正則表達(dá)式的中文或者指定的字符，既可以高亮。還可以設(shè)置其他的高亮顏色：
紅色：style='background:red;'
藍(lán)色：style='background:blue;'
綠色：style='background:green;'
總結(jié)
以上所述是小編給大家介紹的JavaScript中正則表達(dá)式使數(shù)字、中文或指定字符高亮顯示，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
Bootstrap模塊dropdown實(shí)現(xiàn)下拉框響應(yīng)
這篇文章主要為大家詳細(xì)介紹了Bootstrap下拉框模塊dropdown實(shí)現(xiàn)下拉框響應(yīng)，感興趣的朋友可以參考一下2016-05-05
之前發(fā)布了javascript操作cookie一個(gè)大全里面有很多知識(shí)，大家可以在本站搜索，另外今天遇到j(luò)s操作cookie又增加2款方法一個(gè)是簡(jiǎn)單版本、一個(gè)是封裝版本，特意分享給大家2012-10-10
這篇文章主要給大家介紹了利用d3.js實(shí)現(xiàn)立體柱圖的方法，文中給出了詳細(xì)的介紹和示例代碼供大家參考學(xué)習(xí)，需要的朋友們下面來一起看看吧。2017-04-04
在Web前端開發(fā)中，需要將數(shù)據(jù)動(dòng)態(tài)渲染到頁面上，隨著應(yīng)用程序的復(fù)雜度增加，數(shù)據(jù)渲染的邏輯也變得越來越復(fù)雜，這時(shí)候就需要使用模板引擎來幫助我們動(dòng)態(tài)生成HTML標(biāo)記，本文將深入介紹 JavaScript 模板引擎，幫助讀者更好地理解和應(yīng)用模板引擎2023-06-06
JavaScript實(shí)現(xiàn)將文本框的值插入指定位置的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)將文本框的值插入指定位置的方法,涉及javascript節(jié)點(diǎn)添加操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)滑動(dòng)條案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
一文解決微信小程序button、input和image表單組件
在微信小程序開發(fā)中,input?用來實(shí)現(xiàn)文本輸入,如輸入用戶名密碼等等,下面這篇文章主要給大家介紹了關(guān)于如何通過一文解決微信小程序button、input和image表單組件的相關(guān)資料,需要的朋友可以參考下2022-08-08
這篇文章主要給大家介紹了關(guān)于JavaScript鍵盤事件的相關(guān)資料,鍵盤事件是指在網(wǎng)頁中當(dāng)用戶按下鍵盤上的按鍵時(shí)所觸發(fā)的事件,在JavaScript中可以通過監(jiān)聽鍵盤事件來實(shí)現(xiàn)一些交互效果,需要的朋友可以參考下2023-10-10
匹配html標(biāo)記的正則...2006-07-07
fckeditor粘貼Word時(shí)彈出窗口取消的方法
這篇文章主要介紹了fckeditor粘貼Word時(shí)彈出窗口取消的方法,是應(yīng)用fckeditor時(shí)非常實(shí)用的技巧,需要的朋友可以參考下2014-10-10