How to add and remove classes in Javascript without jQuery

by

Another approach to add the class to element using pure JavaScript

For adding class:

document.getElementById("div1").classList.add("classToBeAdded");

For removing class:

document.getElementById("div1").classList.remove("classToBeRemoved");

Note: but not supported in IE <= 9 or Safari <=5.0

More Related Contents:

  1. Close ad to continue as free user?
  2. Javascript / Html Check box error [closed]
  3. How do I retrieve an HTML element’s actual width and height?
  4. Show/hide ‘div’ using JavaScript
  5. Good tutorial for using HTML5 History API (Pushstate?) [closed]
  6. How can get the text of a div tag using only javascript (no jQuery)
  7. How can I set focus on an element in an HTML form using JavaScript?
  8. How to display JavaScript variables in a HTML page without document.write
  9. How to make a link open multiple pages when clicked
  10. script tag create with innerHTML of a div doesn’t work
  11. HTML selected option background-color CSS style
  12. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  13. How to get the position of text within an element?
  14. How can I copy rich text contents to the clipboard with JavaScript?
  15. Form Submit Execute JavaScript Best Practice? [closed]
  16. Text blinking jQuery
  17. How to clear a chart from a canvas so that hover events cannot be triggered?
  18. How to remove the parent element using plain Javascript
  19. Choosing Mobile Web HTML5 Framework [closed]
  20. How to Toggle a div’s visibility by using a button click
  21. How to disable elements selection and resizing in contenteditable div?
  22. JavaScript innerHTML is not working for IE?
  23. getElementsByClassName() with two classes
  24. Attribute onclick=”function()” not functioning as intended?
  25. collapse and expand tabs jquery / simple accordion
  26. How to trigger CSS “hover state” using Javascript? [duplicate]
  27. How to show fullscreen popup window in javascript?
  28. copying the value of a form’s file input field to another form’s input field
  29. How to delete an HTML element inside a div with attribute contentEditable?
  30. Bootstrap Dropdown menu is not working

Leave a Comment