Revisions to How to add/remove a class in JavaScript?

Replace reserved word class with classNameToRemove and classNameToAdd

Source Link

edited May 6, 2017 at 16:32

13k
9
60
86

I just wrote these up:

function addClass(el, classclassNameToAdd){
    el.className += ' '+class;' + classNameToAdd;   
}

function removeClass(el, classclassNameToRemove){
    var elClass = ' '+el' + el.className+'className + ' ';
    while(elClass.indexOf(' '+class+'' + classNameToRemove + ' ') !=== -1){
         elClass = elClass.replace(' '+class+'' + classNameToRemove + ' ', '');
    }
    el.className = elClass;
}

I think they'll work in all browsers.

I just wrote these up:

function addClass(el, class){
    el.className += ' '+class;   
}

function removeClass(el, class){
    var elClass = ' '+el.className+' ';
    while(elClass.indexOf(' '+class+' ') != -1)
         elClass = elClass.replace(' '+class+' ', '');
    el.className = elClass;
}

I think they'll work in all browsers.

I just wrote these up:

function addClass(el, classNameToAdd){
    el.className += ' ' + classNameToAdd;   
}

function removeClass(el, classNameToRemove){
    var elClass = ' ' + el.className + ' ';
    while(elClass.indexOf(' ' + classNameToRemove + ' ') !== -1){
         elClass = elClass.replace(' ' + classNameToRemove + ' ', '');
    }
    el.className = elClass;
}

I think they'll work in all browsers.

added 6 characters in body

Source Link

edited Jul 22, 2011 at 15:13

Paul

142.1k
28
285
272

I just wrote these up:

function addClass(el, class){
    el.className += ' '+class;   
}

function removeClass(el, class){
    var elClass = ' '+el.className+' ';
    while(elClass.indexOf(' '+class+' ') != -1)
         elClass = elClass.replace(' '+class+' ', '');
    el.className = elClass;
}

I think they'll work in all browsers.

I just wrote these up:

function addClass(el, class){
    el.className += ' '+class;   
}

function removeClass(el, class){
    var elClass = ' '+el.className+' ';
    while(elClass.indexOf(' '+class+' '))
         elClass = elClass.replace(' '+class+' ', '');
    el.className = elClass;
}

I think they'll work in all browsers.

I just wrote these up:

function addClass(el, class){
    el.className += ' '+class;   
}

function removeClass(el, class){
    var elClass = ' '+el.className+' ';
    while(elClass.indexOf(' '+class+' ') != -1)
         elClass = elClass.replace(' '+class+' ', '');
    el.className = elClass;
}

I think they'll work in all browsers.

edited body

Source Link

edited Jul 22, 2011 at 8:59

Paul

142.1k
28
285
272

I just wrote these up:

function addClass(el, class){
    el.className += ' '+class;   
}

function removeClass(el, class){
    var elclasselClass = ' '+el.className+' ';
    while(elclasselClass.indexOf(' '+class+' '))
         elClass = elClass.replace(' '+class+' ', '');
    el.className = elClass;
}

I think they'll work in all browsers.

I just wrote these up:

function addClass(el, class){
    el.className += ' '+class;   
}

function removeClass(el, class){
    var elclass = ' '+el.className+' ';
    while(elclass.indexOf(' '+class+' '))
         elClass = elClass.replace(' '+class+' ', '');
    el.className = elClass;
}

I think they'll work in all browsers.

I just wrote these up:

function addClass(el, class){
    el.className += ' '+class;   
}

function removeClass(el, class){
    var elClass = ' '+el.className+' ';
    while(elClass.indexOf(' '+class+' '))
         elClass = elClass.replace(' '+class+' ', '');
    el.className = elClass;
}

I think they'll work in all browsers.

Source Link

answered Jul 22, 2011 at 8:30

Paul

142.1k
28
285
272

Loading

Collectives™ on Stack Overflow

Return to Answer