JS: Making certain elements hidden via getElementsByClassName

Question

I'm trying to set up a script that sets invisible everything with a certain class name. This is an example of what I'm trying to call: ``` ``` The class names are on the dimensions of a table, similar to this example: ```

1	2	3	1	2	3
3	1	2	3	1	2

``` In the end, there's going to be a three checkboxes, displaying the dimensions based on which of the three are selected. That part, I can do just fine, but calling the particular dimensions to become invisible is what I'm having an issue wit…

Accepted Answer

`getElementsByClassName` returns a collection. You can't collectively set properties unless you're using a framwork like `jquery`

```
var elems = document.getElementsByClassName('class1');

for(var i = 0; i != elems.length; ++i)
{
elems[i].style.visibility = "hidden"; // hidden has to be a string
}
```

JS: Making certain elements hidden via getElementsByClassName

Solution

Problem