1. 爱易网页
  2. JavaSript
  3. JS增加表格行出有关问题了。

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

日期：2014-05-16　 浏览次数：20373 次

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>

------解决方案--------------------
<!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添加红色部分  你页面跳转了

相关资料更多>

  1. extjs格局（转）
  2. 小弟我被with语句彻底搞晕了
  3. 用JSTL跟struts2标签实现复选框的选中
  4. js详细引见
  5. action批改值传入jsp
  6. JS兑现replaceAll功能
  7. 隐藏和显示的display属性这样设为什么不行？解决办法
  8. Javascript 中截取小数位并兑现四舍五入的方法
  9. js实现图片切换原理,该怎么处理