How can I add a class to a DOM element in JavaScript?

by

This answer was written/accepted a long time ago. Since then better, more comprehensive answers with examples have been submitted. You can find them by scrolling down. Below is the original accepted answer preserved for posterity.

new_row.className = "aClassName";

Here’s more information on MDN: className

More Related Contents:

  1. How to find event listeners on a DOM node in JavaScript or in debugging?
  2. Is there a spec that the id of elements should be made global variable?
  3. onKeyPress Vs. onKeyUp and onKeyDown
  4. Check if an element contains a class in JavaScript?
  5. How do you check if a JavaScript Object is a DOM Object?
  6. Chrome extension – retrieving global variable from webpage
  7. innerText vs innerHTML vs label vs text vs textContent vs outerText
  8. Javascript/DOM: How to remove all event listeners of a DOM object?
  9. How can I loop through ALL DOM elements on a page?
  10. How to convert a DOM node list to an array in Javascript?
  11. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  12. Does javascript process using an elastic racetrack algorithm
  13. Is innerHTML asynchronous?
  14. Change ‘s option and trigger events with JavaScript
  15. How to unload a javascript from an html?
  16. Changing the order of elements
  17. Should I use document.createDocumentFragment or document.createElement
  18. How to get nodes lying inside a range with javascript?
  19. Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?
  20. jQuery/Javascript – How to wait for manipulated DOM to update before proceeding with function
  21. Finding child element of parent with JavaScript
  22. Is it possible to get element’s numerical index in its parent node without looping?
  23. Is there any way of passing additional data via custom events?
  24. getElementsByClassName() with two classes
  25. What damage is done by document.write()? [duplicate]
  26. Javascript DOM: Setting custom DOM element properties
  27. How can I remove wrapper (parent element) without removing the child?
  28. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  29. In web browsers, what’s the difference between onblur and onfocusout?
  30. Create a table in SVG

Leave a Comment