鹰翔宇空

学习和生活

BlogJava 首页 新随笔 联系 聚合 管理
  110 Posts :: 141 Stories :: 315 Comments :: 1 Trackbacks

今天在做隐藏表格的时候,突然碰到了一个问题,如果用DHTML生成一个表格的行列时,不能通过id获得这个单元格的对象,所以只有通过单元格本身来获取对象了。如:
生成了一个<td id="td1">ddddddddd</td>,如果用document.getElementById("td1")来获取对象时,对象为空。只能用objTB.rows[m].cells[0]了。很晕,不过,也很庆幸,幸亏如此,否则动态添加删除一些单元格后,id的顺序肯定会发生变化的,就没有规律可循了,所以也只能这样做。忘性太大了,记于此,以便以后用时查阅!

<script language="javascript">
var i = 1;
 function testa(){
    var objTB = document.getElementById("tableid");
    var objTR = objTB.insertRow();
    var objTD = objTR.insertCell();
    var objTD2 = objTR.insertCell();
    objTD.innerHTML="<td>1232323</td>";
    objTD2.innerHTML="<td id='td"+i+"'><input type='text' name='' value='' size='20'></td>";
   i++;
 }
 function testShow(){
    var objTB = document.getElementById("tableid");
    var  j= objTB.rows.length;
    for(var m=j-1;m>=0;m--)
      {
         var t = objTB.rows[m].cells[1];
         t.style.display = "";
      }
 }
 function testHidden(){
    var objTB = document.getElementById("tableid");
    var  j= objTB.rows.length;
    for(var m=j-1;m>=0;m--)
      {
         var t = objTB.rows[m].cells[1];
         t.style.display = "none";
      }
 }
</script>

<input type="button" value="test" onclick="testa()">
<input type="button" value="testShow" onclick="testShow()">
 <input type="button" value="testHidden" onclick="testHidden()">
<table id="tableid">
<tr>
  <td>dfdgfdgfdgfdgf</td><td id="td0"><input type="text" name="" value="" size="20"></td>
</tr>
</table>

posted on 2005-12-28 16:51 TrampEagle 阅读(553) 评论(0)  编辑  收藏 所属分类: 学习体会

只有注册用户登录后才能发表评论。


网站导航: