javascript - Comment implémenter les addclass et removeclass de jq dans js, par exemple, il s'agit à l'origine de class="aa" et doit être remplacé par class="aa bb".

Question

Comment implémenter addclass et removeclass de jq dans js Par exemple, il s'agit à l'origine de class="aa" et il doit être remplacé par class="aa bb".

曾经蜡笔没有小新 · Answer

js a une interface de liste de classes
Lien MDN

Mais vous devez considérer la compatibilité.

女神的闺蜜爱上我 · Answer

<p>remplacer</p>

習慣沉默 · Answer

if (!this.hasClass(obj, class)) obj.className += " " + classe;

ringa_lee · Answer

elem.className
ou
elem.classList
Je pense que classList est meilleur, elem.classList.add('bb') fera l'affaire
De plus, le code source jQuery implémente addClass et RemoveClass via className
Une dernière phrase, ce biais Pour les questions de base, vous devez apprendre vous-même à utiliser Baidu et Google

学习ing · Answer

function addClass(ele,name){
        if(ele && name){
            var cn = ele.className;
            if(!cn){
                ele.className = name;
            }else if(cn.indexOf(name) === -1){
                ele.className = cn.replace(/\s*$/,' '+name);
            }
        }
}
function removeClass(ele,name){
        var reg1 = new RegExp('^\s*\b'+ name +'\b\s*$');
        var reg2 = new RegExp('^\s*' + name+'\b');
        var reg3 = new RegExp('\b'+ name + '\s*$');
        var reg4 = new RegExp('\s*\b'+name+'\b\s*');
        if(ele && name){
            var cn = ele.className;
            if(cn && cn.indexOf(name) > -1){
                if(reg1.test(cn)){
                    ele.className = '';
                }else if(reg2.test(cn)){
                    ele.className = cn.replace(reg2,'');
                }else if(reg3.test(cn)){
                    ele.className = cn.replace(reg3,'');
                }else{
                    ele.className = cn.replace(reg4,' ');
                }
            }
        }
};