亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

對(duì)于正則不是很熟
高洛峰
高洛峰 2016-11-10 15:44:34
0
4
725
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無(wú)標(biāo)題文檔</title>
</head>
<style>
#div1{color:red; font-size:30px;}
.active{ background:black;}
</style>
<body>

<div id="div1" class="actived" onClick="highlight(this)">123456789</div>

<script type="text/javascript">
function highlight(e){
        
    var str=e.className;
    var re=/active/;
    if(re.test(str)==true){
        e.className=str;
    }else{
        e.className+=" active";
    }
}
</script>
</body>
</html>

這是一個(gè)點(diǎn)擊添加class改變樣式的函數(shù),當(dāng)被點(diǎn)擊的標(biāo)簽為空時(shí)會(huì)添加active,而當(dāng)它已經(jīng)含有時(shí)就不需要繼續(xù)添加,現(xiàn)在是當(dāng)它c(diǎn)lass為actived時(shí)也被認(rèn)為是有active,這個(gè)問(wèn)題該怎么解決?

高洛峰
高洛峰

擁有18年軟件開(kāi)發(fā)和IT教學(xué)經(jīng)驗(yàn)。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項(xiàng)目經(jīng)理、高級(jí)軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師,...

reply all(4)
學(xué)霸
re?=?/active(?!d)/
正則前瞻,active后面不跟d


三叔

/^active$/ 只匹配active

但是你為什么不適用classList呢?自帶has,add,remove,contain方法


學(xué)霸

你這個(gè)元素的class如果寫(xiě)的比較規(guī)范的話,那么active后面跟的應(yīng)該是行尾,你把re改一下,

re?=?/active$/


三叔

re = /active(?!d)/?!n :匹配任何其后沒(méi)有緊接指定字符串 n 的字符串。

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template