我正在尝试设置一个脚本来设置不可见的具有特定类名的所有内容。 这是我要调用的示例:
<script type="text/javascript">
function hideItems(){
document.getElementsByClassName('class1').style.visibility = "hidden";
}
</script>
类名在表格的维度上,类似于这个例子:
<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>
最后,将有三个复选框,根据三个复选框中的哪一个来显示维度。这部分,我可以做得很好,但调用特定维度变得不可见是我目前遇到的问题。
在此先感谢您提供的任何帮助。
最佳答案
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
}
关于javascript - JS : Making certain elements hidden via getElementsByClassName,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13367803/