JS : getElementsByClassName을 통해 특정 요소 숨김하기

Question

모든 클래스에 보이지 않는 모든 것을 설정하는 스크립트를 설정하려고합니다.

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

, 거기에 무슨 세 개의 확인란 중 하나를 선택하여 세 개의 확인란 중 하나를 선택합니다. 그 부분, 나는 잘 할 수 있지만, 특정 차원을 보이지 않게하는 것은 현재 내가 가지고있는 문제입니다.

도움을 주셔서 미리 감사드립니다.

Answer 1

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 
}