简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
对于正则不是很熟
高洛峰
高洛峰 2016-11-10 15:44:34
0
4
621
<!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，这个问题该怎么解决？

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...

모든 응답(4)
学霸
学霸2016-11-10 15:45:50 4층 
re = /active(?!d)/
正则前瞻，active后面不跟d


좋다 +0
답글 추가
三叔
三叔2016-11-10 15:45:15 3층

/^active$/ 只匹配active

但是你为什么不适用classList呢？自带has,add,remove,contain方法


좋다 +0
답글 추가
学霸
学霸2016-11-10 15:45:03 2층

你这个元素的class如果写的比较规范的话，那么active后面跟的应该是行尾，你把re改一下，

re = /active$/


좋다 +0
답글 추가
三叔
三叔2016-11-10 15:44:47 1층

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

좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！