Multiple classList add and remove
Stackoverflow question http://stackoverflow.com/questions/11115998
HTML
<a href="http://stackoverflow.com/questions/11115998">StackOverflow question : Using classList add and classlist remove with several classes</a>
JavaScript
function addClasses (el, classes) {
classes = Array.prototype.slice.call (arguments, 1);
console.log (classes);
for (var i = classes.length; i--;) {
classes[i] = classes[i].trim ().split (/\s*,\s*|\s+/);
for (var j = classes[i].length; j--;)
el.classList.add('teste', 'teste1');
}
}
function removeClasses (el, classes) {
classes = Array.prototype.slice.call (arguments, 1);
for (var i = classes.length; i--;) {
classes[i] = classes[i].trim ().split (/\s*,\s*|\s+/);
for (var j = classes[i].length; j--;)
el.classList.remove (classes[i][j]);
}
}
var test = document.createElement ('div');
addClasses (test, "simple", "list", "of classssssses, in a single string");
document.write ('<br>classList : ' + test.classList);
removeClasses (test, "list, of classes, in a single string");
document.write ('<br>classList : ' + test.classList);
addClasses (test, "simple ", " three, four", " five");
document.write ('<br>classList : ' + test.classList);