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

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

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

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. Struts2+Spring2.5+ibatis+ExtJS3.1 基于引文框架搭建(2)
  2. extjs panel 框子定制
  3. js判断单选按钮选择后提示信息，一直提示函数未定义：（多谢
  4. javascript_scrollbar_scroll的统制_总结
  5. 关于js的setInterval函数对数据库进行刷新，如何值不变呢
  6. 用jQuery进行ajax与后台的交互出现有关问题
  7. Jsonplugin组合struts2使用说明
  8. 选项卡解决思路
  9. 特意为javascript开发人员精心设计的调试工具箱,该怎么解决