尝试隐藏表格行时出现 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 = "none"; 收到 Object required 错误。你能帮忙吗？

Answer 1

你错过了有趣的一点(b 的来源)，所以我只是猜测:有时 b 不是t 实际上是 1 到 5 之间的数字(含 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() 的返回值，因为那样不会干扰如果您以后希望使用调试器...