Erreur JavaScript lors de la tentative de masquer les lignes du tableau

Question

J'essaie d'afficher les lignes en fonction du choix des utilisateurs. Supposons qu'il ne veut que 3 lignes, alors la quatrième et la cinquième rangée se cacheront. Veuillez trouver ci-dessous la partie de html et javascript.

HTML

<table> 
    <tr id="sRow1"> 
    <td>1a</td> 
    <td>1b</td> 
    </tr> 
    <tr id="sRow2"> 
    <td>2a</td> 
    <td>2b</td> 
    </tr> 
    <tr id="sRow3"> 
    <td>3a</td> 
    <td>3b</td> 
    </tr> 
    <tr id="sRow4"> 
    <td>4a</td> 
    <td>4b</td> 
    </tr> 
    <tr id="sRow5"> 
    <td>5a</td> 
    <td>5b</td> 
    </tr> 
</table> 

JavaScript

// b gets value from xml file   
    while (b <= 5) 
    { 
     var rowName = "sRow" + b; 
     alert(rowName); 
     try { 
      document.getElementById(rowName).style.display = "none"; 
     } 
     catch (err) 
     { 
      alert(err.description) 
     } 
     b++; 
    } 

J'obtiens l'erreur de l'objet nécessaire à document.getElementById (rowName) .style.display = "none" ;. Peux-tu aider s'il te plait.

Answer 1

vous manque le bit intéressant (où b vient), donc je vais deviner juste: parfoisb est pas réellement un nombre compris entre 1 et 5 inclus. Peut-être que c'est une chaîne qui ne format pas proprement à un nombre à un chiffre 1-5, ou peut-être c'est autre chose entièrement ... Rendons votre code un peu plus sûr, juste au cas où:

// b gets value from xml file 

// ensure b is a number - will fail comparison if NaN 
b = new Number(b); 
while (b <= 5) 
{ 
    var rowName = "sRow" + b; 
    var row = document.getElementById(rowName); 
    if (row) // verify element was found before trying to modify it! 
    row.style.display = "none"; 
    b++; 
} 

Notez que j'ai enlevé le try {} catch - vous êtes mieux juste tester la valeur de retour de getElementById(), puisque cela ne pas interférer avec le débogage si vous souhaitez utiliser un débogueur plus tard ...

Answer 2

Dans mon expérience, vous obtiendrez des résultats incohérents sur différents navigateurs en essayant de rendre les lignes de table invisibles en modifiant les attributs de style. Une chose plus sûre à faire est de supprimer et d'insérer les lignes de la table en utilisant les méthodes dom insertRow() et deleteRow() sur l'objet table. Ceci est correctement pris en charge dans tous les principaux navigateurs que vous êtes susceptible de rencontrer.

Answer 3

Je pense qu'il vous manque l'attribut runat avec l'identifiant de ligne, comme vous l'avez mentionné l'identifiant de la ligne mais sans l'attribut runat, si vous ne mentionnez pas l'attribut runat, cette erreur arrive.