？？？js 表格的命名

生成有序串最好有个前缀...
比如
id="Tbl_1"
id="Tbl_2"

你为何要命名，如果你不需要对表格进行JS的DOM操作，完全可以不命名

网页前端的任何元素, 如果有可能的话, 都应该命名ID
现在布局有专门职位...脚本有专门职位...
出于这个原因,,都命名ID是个好做法...
除非布局脚本一人包...

可以通过表格对象访问例如
tab.rows[i]tab.rows[i].cells[j]

我的静态代码是这样的
<script >
window.onload = Hid;function Hid(){
hiddenandshow("a");
hiddenandshow("b");
hiddenandshow("c");
}

   function ishidden(id)
{

var tr =document.getElementById(id);
if (tr==null) { return; }
var bExpand = tr.style.display == '';
tr.style.display = (bExpand ? 'none' : '');

}

function hiddenandshow(id){

ishidden(id+3);
ishidden(id+4);
ishidden(id+5);
ishidden(id+6); }    </script><body >
<table width="207" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#D9F8F9">
    <tr>
      <td><table width="207" border="0">
        <tr>
          <td><TABLE width="476" border=1 bgcolor="#FFFFFF" id="tbl1" name="tbl1">
              <TR id="a1" >
                <TD width="73">table a </TD>
                <TD width="68">a</TD>
                <TD width="99">b</TD>
                <TD width="70">c</TD>
                <TD width="132">1</TD>
              </TR>
              <TR id="a2">
                <TD> 科学介绍 </TD>
                <TD>e</TD>
                <TD>f</TD>
                <TD>g</TD>
                <TD>2</TD>
              </TR>
              <TR id="a3">
                <TD> 化学 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD>3</TD>
              </TR>
              <TR id="a4">
                <TD> 化学 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD>4</TD>
              </TR>
              <TR id="a5">
                <TD> 体育 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD>5</TD>
              </TR>
              <TR id="a6">
                <TD> 体育 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD>6</TD>
              </TR>
              <TR id="a7">
                <TD colspan="5"> </TD>
              </TR>
          </TABLE></td>
        </tr>
        <tr>
          <td align="right"><span onClick="javascript:hiddenandshow('a');"> 更多</span></td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td><table width="207" border="0">
        <tr>
          <td><TABLE width="476" border=1 bgcolor="#FFFFFF" id="tbl2" name="tbl2">
              <TR id="b1">
                <TD width="73">table2</TD>
                <TD width="68">a</TD>
                <TD width="99">b</TD>
                <TD width="70">c</TD>
                <TD width="132">d</TD>
              </TR>
              <TR id="b2">
                <TD> 科学介绍 </TD>
                <TD>e</TD>
                <TD>f</TD>
                <TD>g</TD>
                <TD>h</TD>
              </TR>
              <TR id="b3">
                <TD> 化学 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
              </TR>
              <TR id="b4">
                <TD> 化学 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
              </TR>
              <TR id="b5">
                <TD> 体育 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
              </TR>
              <TR id="b6">
                <TD> 体育 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
              </TR>
              <TR id="b7">
                <TD colspan="5"> </TD>
              </TR>
          </TABLE></td>
        </tr>
        <tr>
          <td align="right"><span onClick="javascript:hiddenandshow('b');"> 更多</span></td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td><table width="207" border="0">
        <tr>
          <td><TABLE width="476" border=1 bgcolor="#FFFFFF" id="tbl3" name="tbl3">
             <TR id="c1" >
                <TD width="73">table3</TD>
                <TD width="68">a</TD>
                <TD width="99">b</TD>
                <TD width="70">c</TD>
                <TD width="132">d</TD>
              </TR>
              <TR id="c2">
                <TD> 科学介绍 </TD>
                <TD>e</TD>
                <TD>f</TD>
                <TD>g</TD>
                <TD>h</TD>
              </TR>
              <TR id="c3">
                <TD> 化学 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
              </TR>
              <TR id="c4">
                <TD> 化学 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
              </TR>
              <TR id="c5">
                <TD> 体育 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
              </TR>
              <TR id="c6">
                <TD> 体育 </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
                <TD> </TD>
              </TR>
              <TR id="c7">
                <TD colspan="5"> </TD>
              </TR>
          </TABLE></td>
        </tr>
        <tr>
          <td align="right"><span onClick="javascript:hiddenandshow('c');"> 更多</span></td>
        </tr>
      </table></td>
    </tr>
  </table>
<p>  </p>
</body>现在我把它改成动态的
我把数据库里去的数据要填充到这张表里去
所以要实现这种可以伸缩的表格就的对它命名啊

调试易

？？？js 表格的命名

解决方案 »