JavaScript高手，看看IE古怪问题。有点意思。

Question

绝对位置最好写在div或者span这种容器里

Answer 1

<style>
td.hidden{
width:0px;
}
td.hidden div{
width:0px;
overflow: hidden;
visibility: hidden;
position: absolute;
}
</style>
<table id="t1" border="1">
<tbody>
<tr class="even">
<td class="hidden"><div>2<input type="hidden" name="_xh_" value="2"></div></td>
<td>100001<input type="hidden" name="_djbh_" value="100001"></td>
<td class="hidden"><div>000027<input type="hidden" name="_mldjbh_" value="000027"></div></td>
<td>三峡基金<input type="hidden" name="_djbh_mc_" value="100001"></td>
</tr>
<tr class="odd">
<td class="hidden"><div>2<input type="hidden" name="_xh_" value="2"></div></td>
<td>100003<input type="hidden" name="_djbh_" value="100003"></td>
<td class="hidden"><div>000027<input type="hidden" name="_mldjbh_" value="000027"></div></td>
<td>城市附加<input type="hidden" name="_djbh_mc_" value="100003"></td>
</tr>
<tr class="even">
<td class="hidden"><div>2<input type="hidden" name="_xh_" value="2"></div></td>
<td>100004<input type="hidden" name="_djbh_" value="100004"></td>
<td class="hidden"><div>000027<input type="hidden" name="_mldjbh_" value="000027"></div></td>
<td>中央水库移民后期扶持资金<input type="hidden" name="_djbh_mc_" value="100004"></td>
</tr>
<tr class="odd">
<td class="hidden"><div>1<input type="hidden" name="_xh_" value="1"></div></td>
<td>100001<input type="hidden" name="_djbh_" value="100001"></td>
<td class="hidden"><div>000033<input type="hidden" name="_mldjbh_" value="000033"></div></td>
<td>三峡基金<input type="hidden" name="_djbh_mc_" value="100001"></td>
</tr>
<tr class="even">
<td class="hidden"><div>1<input type="hidden" name="_xh_" value="1"></div></td>
<td>100002<input type="hidden" name="_djbh_" value="100002"></td>
<td class="hidden"><div>000033<input type="hidden" name="_mldjbh_" value="000033"></div></td>
<td>农网还贷<input type="hidden" name="_djbh_mc_" value="100002"></td>
</tr>
<tr class="odd">
<td class="hidden"><div>1<input type="hidden" name="_xh_" value="1"></div></td>
<td>100003<input type="hidden" name="_djbh_" value="100003"></td>
<td class="hidden"><div>000033<input type="hidden" name="_mldjbh_" value="000033"></div></td>
<td>城市附加<input type="hidden" name="_djbh_mc_" value="100003"></td>
</tr>
<tr class="even">
<td class="hidden"><div>1<input type="hidden" name="_xh_" value="1"></div></td>
<td>100004<input type="hidden" name="_djbh_" value="100004"></td>
<td class="hidden"><div>000033<input type="hidden" name="_mldjbh_" value="000033"></div></td>
<td>中央水库移民后期扶持资金<input type="hidden" name="_djbh_mc_" value="100004"></td>
</tr>
</tbody>
</table>
<a href="#" onclick="deleteRow(0);">正常</a>
<a href="#" onclick="deleteRow(4);">IE异常</a>
<script>
function deleteRow(k){
var dbody = t1.tBodies[0];
var rows = dbody.rows;
var dlength = rows.length;
var s = "";
for(var i= dlength-1;i >= k;i--){
s += dlength+"\t"+i+"\r\n";
dbody.deleteRow(i);
}
alert(s);
}
</script>-----------
代码修改为上面之后,不报错了.
但是隐藏列的位置不好看.通过样式怎么修改呢?

Answer 2

套在span和div中,虽然能够解决问题,但是可能会出现空格现象