js刪除表格一列

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>

<table id= "mytable" border= "1 " cellspacing= "0 " cellpadding= "0 "> 
<tr> <td> 11 </td> <td> 12 </td> <td> 13 </td> </tr> 
<tr> <td> 21 </td> <td> 22 </td> <td> 23 </td> </tr> 
<tr> <td> 31 </td> <td> 32 </td> <td> 33 </td> </tr> 
<tr> <td> 41 </td> <td> 42 </td> <td> 43 </td> </tr> 
</table> 

<INPUT TYPE="button" VALUE="addColumn" ONCLICK="removeColumn()">

 </BODY>
 <SCRIPT LANGUAGE="JavaScript">
 <!--

//添加列
function addColumn() 

  var rows = document.all("mytable").rows; 
  for (var i=0; i < rows.length; i++) 
  { 
var cells = rows[i].cells; 
var sum = 0.0; 
for (var j=0; j < cells.length; j++) 

var txt = cells[j].innerText; 
if (!isNaN(txt)) 
sum += parseFloat(txt); 


var cell = rows[i].insertCell(); 
cell.innerText = sum; 
  } 


//刪除列
function removeColumn() 

var num=1;
  var rows = document.all("mytable").rows; 
  for (var i=0; i < rows.length; i++) 
  { 
var cells = rows[i].cells; 

for (var j=0; j < cells.length; j++) 


if(j+1==num)
{
cells[j].removeNode();
}
  } 

}
 //-->
 </SCRIPT>
</HTML>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章