javascript - 隐藏 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 时，一切正常。