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 wit

Answer 1

To change CLASS you need to edit document stylesheets

[...document.styleSheets[0].cssRules].find(x=> x.selectorText=='.box')
    .style.display='inline';

[...document.styleSheets[0].cssRules].find(x=> x.selectorText=='.box')
    .style.display='inline';

.box {
  margin: 10px;
  padding: 10px;
  background: yellow;
  display: none
}

My box 1
My box 2
My box 3