隐藏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'