JavaScript table对象之deleteCell()方法功能简介说明


摘要:
下文讲述table对象中的deleteCell方法的功能简介说明,如下所示:


table对象之deleteCell()方法简介

table对象之deleteCell()方法功能:
删除表格对象的指定行中指定位置的td单元格
table对象之deleteCell()语法:

  tableRowObject.deleteCell(index)
  -----参数说明----------
  1.tableRowObject:待操作的表格行对象
  2.index:可选,默认值为-1,为最后一个单元格,
	     index值等于0代表第一个单元格,1代表第二个单元格,2代表第三个单元格
	    以此类推 
  table对象之deleteCell()注意事项:
      1.当index值超过单元格个数时,会产生相应的报错信息


table对象之deleteCell()举例说明

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程---table对象之deleteCell()函数举例说明</title>
<script type="text/javascript">
function deleteCell(){
   document.getElementById('trTest').deleteCell(0); 
}
window.onload=function(){
  var oBtn=document.getElementById("btn");
  
oBtn.onclick=function(){
    deleteCell()
  }
}
</script>
</head>
<body>
<table border="1">
  <tr id="top">
    <th>maomao365.com</th>
    <th>猫猫教程</th>
  </tr>
  <tr id="trTest">
    <td>sqlserver教程</td>
    <td>javascript教程</td>
  </tr>
</table>
<br />
<input type="button" id="btn" value="删除单元格"/>
</body>
</html>
table对象之deleteCell删除单元格方法举例说明

table对象之deleteCell删除单元格方法举例说明