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

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

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

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. 应用jquery.form.js的ajaxsubmit方法提交数据的Bug
  2. js中escape,encodeURI,encodeURIComponent三个函数的差别
  3. 20110803 js 未结束的字符串常量异常解决办法
  4. input radio默认样式修改有关问题
  5. prototype.js1.7.1在IE停getOffsetParent()会返回body
  6. ANDROID轻量级JSON序列化跟反序列化［转］
  7. [JavaScript]多文件下传时动态添加及删除文件选择框
  8. javascript打包ext js grid渲染函数
  9. js 日期礼拜 带农历