Change CSS of class in Javascript?

Question

I've got a class with the display set to none I'd like to in Javascript now set it to inline I'm aware I can do this with an id with getElementById but what's the cleanest way to do it with a class?

Answer 1

You can do that — actually change style rules related to a class — using the styleSheets array (MDN link), but frankly you're probably better off (as changelog said) having a separate style that defines the display: none and then removing that style from elements when you want them no longer hidden.

Answer 2

Do you mean something like this?

var elements = document.getElementsByClassName('hidden-class'); for (var i in elements) {   if (elements.hasOwnProperty(i)) {     elements[i].className = 'show-class';   } } 

Then the CSS

.hidden-class { display: none; } .show-class { display: inline; }