今天在做隐藏表格的时候,突然碰到了一个问题,如果用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>