Masquer une colonne dans un tableau javascript peuplé

Masquer une colonne dans un tableau javascript peuplé

Je voudrais masquer cette PAES sur cette table.

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

JavaScript suit pour masquer la cellule Age-

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

erreur, dit-

« 2.style est null ou non un objet. »

Ce qui me manque ?

répondre #1

---

Eh bien, tout d'abord, vérifier votre id de la table. Vous l'avez défini à « displayTable » mais vous tentez de regarder vers le haut par « displayLossTable ».

Lorsque j'ai fixer cet id et branchez votre code jsFiddle, tout fonctionne.

répondre #2

---

que signifie alert(cells[2]) vous donner ? Sinon, vous devriez essayer ajout/suppression de classe, au lieu des styles intralignes :

el.className+= 'hide'