Created
October 12, 2016 07:39
-
-
Save webdesignberlin/83ab789e500beeb1834593ad266fdac4 to your computer and use it in GitHub Desktop.
Javascript Add/Remove Class from selector
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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