2010-07-19 113 views
0

我想隱藏此表上的整個年齡列。隱藏javascript填充表中的列

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

的Javascript如下隱瞞年齡的細胞 -

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';  
} 

錯誤說 -

「2.style爲空或不是一個對象。」

我錯過了什麼?

回答

2

那麼,首先檢查您的表ID。您將它設置爲'displayTable',但您試圖通過'displayLossTable'查找它。

當我修復該ID,並將您的代碼插入jsFiddle,一切正常。

1

alert(cells[2])給你帶來什麼?或者,您應該嘗試添加/刪除類而不是內聯樣式:

el.className+= 'hide' 
+0

該警報顯示我有一個對象。我想我在顯示切換時遇到了麻煩。 – MrM 2010-07-19 19:56:46