Ошибка JavaScript при попытке скрыть строки таблицы

Question

Я пытаюсь отображать строки в зависимости от выбора пользователей. Предположим, что ему нужны только 3 строки, затем прячется четвертая и пятая строки. Ниже вы найдете часть html и 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++; 
    } 

Я получаю сообщение об ошибке Требуется объект в document.getElementById (rowName) .style.display = "нет" ;. Вы можете помочь.

Answer 1

Вы пропустили интересный бит (где b приходит от), так что я буду просто угадать: иногдаb не на самом деле это число от 1 до 5 включительно. Возможно, это строка, которая не форматирует чисто однозначную цифру 1-5, или, может быть, это что-то еще полностью ... Давайте сделаем ваш код более безопасным, на всякий случай, если я прав:

// 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++; 
} 

Обратите внимание, что я удалил try {} catch - ты лучше просто испытывать возвращаемое значение getElementById(), так что не будет мешать при отладке, если вы хотите использовать отладчик позже ...

Answer 2

в моей вы получите противоречивые результаты в разных браузерах, пытающихся сделать строки таблицы невидимыми, изменяя атрибуты стиля. Более безопасная вещь - фактически удалить и вставить строки из таблицы с помощью методов insertRow() и deleteRow() dom на объект таблицы. Это правильно поддерживается во всех основных браузерах, с которыми вы, вероятно, столкнетесь.

Answer 3

Я думаю, что вам не хватает атрибута runat с идентификатором строки, поскольку вы упомянули идентификатор строки, но не упомянули атрибут runat, если вы не упомянули атрибут runat, то эта ошибка возникает.