HTML DOM deleteCell() ·½·¨

¶¨ÒåºÍÓ÷¨

deleteCell() ·½·¨ÓÃÓÚɾ³ý±í¸ñÐÐÖеĵ¥Ôª¸ñ£¨<td> ÔªËØ£©¡£

Óï·¨

tablerowObject.deleteCell(index)

˵Ã÷

²ÎÊý index ÊÇҪɾ³ýµÄ±íÔªÔÚÐÐÖеÄλÖá£

¸Ã·½·¨½«É¾³ý±íÐÐÖÐÖ¸¶¨Î»ÖõıíÔª¡£

Å׳ö

Èô²ÎÊý index СÓÚ 0 »ò´óÓÚµÈÓÚÐÐÖеĵıíÔªÊý£¬¸Ã·½·¨½«Å׳ö´úÂëΪ INDEX_SIZE_ERR µÄ DOMException Òì³£¡£

ʵÀý

ÏÂÃæµÄÀý×Ó´ÓÐÐÖÐɾ³ýÁËÒ»¸öµ¥Ôª¸ñ£º

<html>
<head>
<script type="text/javascript">
function delCell()
  {
  document.getElementById('tr2').deleteCell(0)
  }
</script>
</head>
<body>

<table border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br />
<input type="button" onclick="delCell()" value="Delete cell">

</body>
</html>
VUE