[急]如何定义表格中id大于某个数值的行显示背景色？

Question

<table id=table1 width="300" border="1" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="50" align="center">ID</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr5'> 
    <td align="center">5</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr1'>
    <td align="center">1</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr4'> 
    <td align="center">4</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr2'> 
    <td align="center">2</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr8'> 
    <td align="center">8</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr3'> 
    <td align="center">3</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr9'> 
    <td align="center">9</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr6'> 
    <td align="center">6</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr7'> 
    <td align="center">7</td>
    <td>&nbsp;</td>
  </tr>
</table><br>
<input onblur="mm(this.value)">
<SCRIPT LANGUAGE="JavaScript">
function mm(num)
{
  var tab = document.all.table1;
  var len = tab.rows.length; //得到表格里总行数
  for (var i=0; i<len; i++)
  {
    if (/^tr\d/g.test(tab.rows[i].id)) //判断该行的ID是不是 trN 的格式
    {
      tab.rows[i].removeAttribute("bgColor");
      var n = parseInt(tab.rows[i].id.replace(/\D/g, "")); //得到ID里的数字
      if (n > num) tab.rows[i].bgColor = "red";
    }
  }
}
</SCRIPT>

Answer 1

呵呵，先谢谢梅花雪是这样的，我有一组数字，希望能做成上面说的效果。如果不能只用数字，在数字前加字母也行，比如 id='exp_1'、id='exp_2'等等。请多指教。

Answer 2

<table id=table1 width="300" border="1" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="50" align="center">ID</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr5'> 
    <td align="center">5</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr1'>
    <td align="center">1</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr4'> 
    <td align="center">4</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr2'> 
    <td align="center">2</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr8'> 
    <td align="center">8</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr3'> 
    <td align="center">3</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr9'> 
    <td align="center">9</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr6'> 
    <td align="center">6</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='tr7'> 
    <td align="center">7</td>
    <td>&nbsp;</td>
  </tr>
</table><br>
<input onpropertychange="mm(this.value)">
<SCRIPT LANGUAGE="JavaScript">
function mm(num)
{
  var tab = document.all.table1;
  var len = tab.rows.length; //得到表格里总行数
  for (var i=0; i<len; i++)
  {
    if (/^tr\d/g.test(tab.rows[i].id)) //判断该行的ID是不是 trN 的格式
    {
      tab.rows[i].removeAttribute("bgColor");
      var n = parseInt(tab.rows[i].id.replace(/\D/g, "")); //得到ID里的数字
      if (n > num) tab.rows[i].bgColor = "red";
    }
  }
}
</SCRIPT>

Answer 3

<input name=meizz onkeydown="setTimeout('mm(meizz.value)')">
<SCRIPT LANGUAGE="JavaScript">
function mm(num)
{
  if (num=="" || (num && /\D/g.test(num))) return; //输入的不是数字则跳出
  var tab = document.all.table1;
  var len = tab.rows.length; //得到表格里总行数
  for (var i=0; i<len; i++)
  {
    if (/^tr\d/g.test(tab.rows[i].id)) //判断该行的ID是不是 trN 的格式
    {
      tab.rows[i].removeAttribute("bgColor");
      var n = parseInt(tab.rows[i].id.replace(/\D/g, "")); //得到ID里的数字
      if (n > num) tab.rows[i].bgColor = "red";
    }
  }
}
</SCRIPT>

Answer 4

onpropertychange 只适用于IE浏览器