Javascript JS：通过getElementsByClassName隐藏某些元素

我正在尝试设置一个脚本，用特定的类名设置不可见的所有内容。 这是我试图称之为的一个例子：

<script type="text/javascript">
function hideItems(){
        document.getElementsByClassName('class1').style.visibility = "hidden";      
}
</script>

函数hideItems（）{
document.getElementsByClassName（'class1'）.style.visibility=“hidden”；
}

类名位于表的维度上，类似于此示例：

<table onclick="hideItems()" width="200" border="1">
  <tr>
    <td class="class1">1</td>
    <td class="class2">2</td>
    <td class="class3">3</td>
    <td class="class1">1</td>
    <td class="class2">2</td>
    <td class="class3">3</td>
  </tr>
  <tr>
    <td class="class3">3</td>
    <td class="class1">1</td>
    <td class="class2">2</td>
    <td class="class3">3</td>
    <td class="class1">1</td>
    <td class="class2">2</td>
  </tr>
</table>

1.
2.
3.
1.
2.
3.
3.
1.
2.
3.
1.
2.

最后，将有三个复选框，根据三个复选框中的哪一个显示尺寸。这一部分，我可以做得很好，但要求特定维度变得不可见是我目前的一个问题

---

提前感谢您的帮助。

getElementsByClassName

返回一个集合。除非使用类似于

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
}

$（'.class1'）.hide（）只需说“
：P