<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</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改变样式的函数,当被点击的标签为空时会添加active,而当它已经含有时就不需要继续添加,现在是当它class为actived时也被认为是有active,这个问题该怎么解决?