>  기사  >  웹 프론트엔드  >  js는 addClass, RemoveClass, hasClass_javascript 기술의 함수 코드를 구현합니다.

js는 addClass, RemoveClass, hasClass_javascript 기술의 함수 코드를 구현합니다.

WBOY
WBOY원래의
2016-05-16 18:04:321289검색
复제대码 代码如下:

function hasClass(ele,cls) {
return ele.className .match(new RegExp('(\s|^)' cls '(\s|$)'));
}

function addClass(ele,cls) {
if (!this.hasClass(ele,cls)) ele.className = " " cls;
}

function RemoveClass(ele,cls) {
if (hasClass(ele,cls)) {
var reg = new RegExp('(\s|^)' cls ' (\s|$)');
ele.className=ele.className.replace(reg,' ');
}
}

//함수 호출
addClass(document.getElementById("test"), "test");
removeClass(document.getElementById("test"), "test")
if(hasClass(document.getElementById("test"), "test")){//do Something};
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.