<!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ò)人氣名人講師,...
你這個(gè)元素的class如果寫(xiě)的比較規(guī)范的話,那么active后面跟的應(yīng)該是行尾,你把re改一下,
re?=?/active$/