4

特定のクラス名で非表示のすべてを設定するスクリプトを設定しようとしています。これは私が呼ぼうとしているものの例です:

<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>

最後に、3 つのチェックボックスがあり、3 つのうちどれが選択されているかに基づいて寸法が表示されます。その部分は、私はうまくできますが、特定の次元を非表示にするように呼び出すことは、私が現在問題を抱えていることです.

どんな種類の助けにも感謝します。

4

1 に答える 1

17

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
}
于 2012-11-13T20:00:26.100 に答える