隱藏javascript填充表中的列

Question

我想在此表上隱藏整個年齡列。

<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為null或不是對象。”

我想念什么？

Answer 1

好吧，首先，檢查您的表ID。 您已將其設置為“ displayTable”，但嘗試通過“ displayLossTable”進行查找。

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

Answer 2

alert(cells[2])給您什么？ 另外，您應該嘗試添加/刪除類而不是內聯樣式：

el.className+= 'hide'