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

對于正則不是很熟
高洛峰
高洛峰 2016-11-10 15:44:34
0
4
726
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(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>

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

高洛峰
高洛峰

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

全部回覆(4)
學(xué)霸
re?=?/active(?!d)/
正則前瞻,active后面不跟d


三叔

/^active$/ 只匹配active

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


學(xué)霸

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

re?=?/active$/


三叔

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

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板