JS增加表格行出问题了。。。

我用JS增加表格行，怎么加不上去呢？一加上马上就消失了<!DOCTYPE html>
<html>
  <head>
    <title>test.html</title>
<script type="text/javascript">
function addRow() {
var tbl = document.getElementById("tbl");

var newRow = tbl.insertRow(1);

var newCell1 = newRow.insertCell();

newCell1.innerHTML = "newCell";
alert(1);
}
</script>
  </head>
  
  <body>
    <table id="tbl" border="1">
     <tbody id="tbl">
     <tr>
     <td>123</td>
     <td>456</td>
     </tr>
     </tbody>
    </table>
    <a href="" onclick="addRow()">add</a>
  </body>
</html>

解决方案 »

  1.   

    <!DOCTYPE html>
    <html>
      <head>
        <title>test.html</title>
    <script type="text/javascript">
    function addRow() {
    var tbl = document.getElementById("tbl");var newRow = tbl.insertRow(1);var newCell1 = newRow.insertCell();newCell1.innerHTML = "newCell";
    alert(1);
    }
    </script>
      </head>
      
      <body>
        <table id="tbl" border="1">
         <tbody id="tbl">
         <tr>
          <td>123</td>
          <td>456</td>
         </tr>
         </tbody>
        </table>
        <a href="javascript:void(0)" onclick="addRow()">add</a>
      </body>
    </html>
    a标签href添加红色部分  你页面跳转了
      

  2.   

    楼上正解，这样也可以：
    把<a href="" onclick="addRow()">add</a>
    改为
    <a href="#" onclick="addRow()">add</a>
      

  3.   

    他的herf应该指向的话应该直接该页无法显示了吧。怎么会行消失呢- -。奇怪