HTML DOM insertRow() ·½·¨

¶¨ÒåºÍÓ÷¨

insertRow() ·½·¨ÓÃÓÚÔÚ±í¸ñÖеÄÖ¸¶¨Î»ÖòåÈëÒ»¸öÐÂÐС£

Óï·¨

tableObject.insertRow(index)

·µ»ØÖµ

·µ»ØÒ»¸ö TableRow£¬±íʾвåÈëµÄÐС£

˵Ã÷

¸Ã·½·¨´´½¨Ò»¸öÐ嵀 TableRow ¶ÔÏ󣬱íʾһ¸öÐ嵀 <tr> ±ê¼Ç£¬²¢°ÑËü²åÈë±íÖеÄÖ¸¶¨Î»Öá£

ÐÂÐн«±»²åÈë index ËùÔÚÐÐ֮ǰ¡£Èô index µÈÓÚ±íÖеÄÐÐÊý£¬ÔòÐÂÐн«±»¸½¼Óµ½±íµÄĩβ¡£

Èç¹û±íÊǿյģ¬ÔòÐÂÐн«±»²åÈëµ½Ò»¸öÐ嵀 <tbody> ¶Î£¬¸Ã¶Î×ÔÉí»á±»²åÈë±íÖС£

Å׳ö

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

ÌáʾºÍ×¢ÊÍ

Ìáʾ£º¿ÉÒÔÓà TableRow.insertCell() ·½·¨¸øÐ´´½¨µÄÐÐÌí¼ÓÄÚÈÝ¡£

ʵÀý

ÏÂÃæµÄÀý×ÓÔÚ±í¸ñµÄ¿ªÍ·²åÈëÒ»¸öÐÂÐУº

<html>
<head>
<script type="text/javascript">
function insRow()
  {
  document.getElementById('myTable').insertRow(0)
  }
</script>
</head>

<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
</table>
<br />
<input type="button" onclick="insRow()"
value="Insert new row">

</body>
</html>
VUE