자바 스크립트가 채워진 표의 열 숨기기

Question

이 표의 전체 연령 열을 숨기고 싶습니다.

var table = document.getElementById('displayTable'); 
var tableRow = table.getElementsByTagName('tr');  

for (var row = 0; row < tableRow.length; row++) { 
    var cells = tableRow[row].getElementsByTagName('td') 
    cells[2].style.display='none';  
} 

오류가 말한다 - -

<table id="displayTable"> 
    <tr> 
     <td class="Name"></td> 
     <td class="Phone"></td> 
     <td class="Age"></td> 
    </tr> 
</table> 

자바 스크립트 시대 세포 숨길 다음 ". 2.style 개체 null의 여부"

무엇이 누락 되었습니까?

Answer 1

글쎄, 우선 테이블 ID를 확인하십시오. 'displayTable'으로 설정했지만 'displayLossTable'을 사용하여 조회하려고합니다.

이 ID를 수정하고 코드를 jsFiddle에 연결하면 모든 것이 작동합니다.

Answer 2

무엇을 alert(cells[2]) 줄까요? 또는 인라인 스타일 대신 클래스 추가/제거를 시도해야합니다.

el.className+= 'hide'