Skip to content

Instantly share code, notes, and snippets.

@webdesignberlin
Created October 12, 2016 07:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save webdesignberlin/83ab789e500beeb1834593ad266fdac4 to your computer and use it in GitHub Desktop.
Save webdesignberlin/83ab789e500beeb1834593ad266fdac4 to your computer and use it in GitHub Desktop.
Javascript Add/Remove Class from selector
function addClass(selector, newClass) {
// get all elements that match our selector
elements = document.querySelectorAll(selector);
// add class to all chosen elements
for (var i=0; i<elements.length; i++) {
elements[i].classList.add(newClass);
}
}
// usage examples:
addClass('.class-selector', 'new-example-class');
addClass('#id-selector', 'new-example-class');
function removeClass(selector, removingClass) {
// get all elements that match our selector
elements = document.querySelectorAll(selector);
// remove class from all chosen elements
for (var i=0; i<elements.length; i++) {
elements[i].classList.remove(removingClass);
}
}
// usage examples:
removeClass('.class-selector', 'removing-example-class');
removeClass('#id-selector', 'removing-example-class');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment