代码如下,执行deleteTest()后,剩下的三行我觉得应该是
1 00000
2 00000
3 00000
为什么00000那一列都没了?
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Autdor" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD> <BODY>
<DIV style="widtd:200px;overflow-x:scroll; white-space:nowrap" >
<table cellspacing="0" cellpadding="0" class="" style="" id="testId" border="1">
<tbody >
<tr class="">
<td>1</td>
<td colSpan="4">00000</td>
</tr>
<tr class="">
<td>2</td>
<td colSpan="4">00000</td>
</tr>
<tr class="">
<td>3</td>
<td colSpan="4">00000</td>
</tr>
<tr class="">
<td>4</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
</tbody>
</table>
<input type="button" name="del" value="delll" onclick="deleteTest();">
</DIV>
</BODY>
<script>
<!--
function deleteTest(){
var tblObj = document.getElementById("testId");
if(tblObj){
var tblRowscount = tblObj.rows.length; for( i = tblRowscount - 1 ; i > 2; i--){
tblObj.deleteRow(i); }
}
}
-->
</script>
</HTML>
1 00000
2 00000
3 00000
为什么00000那一列都没了?
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Autdor" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD> <BODY>
<DIV style="widtd:200px;overflow-x:scroll; white-space:nowrap" >
<table cellspacing="0" cellpadding="0" class="" style="" id="testId" border="1">
<tbody >
<tr class="">
<td>1</td>
<td colSpan="4">00000</td>
</tr>
<tr class="">
<td>2</td>
<td colSpan="4">00000</td>
</tr>
<tr class="">
<td>3</td>
<td colSpan="4">00000</td>
</tr>
<tr class="">
<td>4</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
<tr class="">
<td>5</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
<td>00000</td>
</tr>
</tbody>
</table>
<input type="button" name="del" value="delll" onclick="deleteTest();">
</DIV>
</BODY>
<script>
<!--
function deleteTest(){
var tblObj = document.getElementById("testId");
if(tblObj){
var tblRowscount = tblObj.rows.length; for( i = tblRowscount - 1 ; i > 2; i--){
tblObj.deleteRow(i); }
}
}
-->
</script>
</HTML>
测试中IE会在上一行检测不到同列时,把同列也删掉.