Question

我想在此表中隐藏整个年龄栏。

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

Javascript跟随隐藏Age cell -

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'

在javascript填充表中隐藏列

2 个答案: