利用js实现table增加一行

本文转载自查看原文 2012-05-15 11:12 14661 前台HTML/CSS

简单的方法:

用jquery插件吧，很方便的，比如设置该table的id为mytable
<table id="mytable">
<tr><td>第一行</td></tr>
</table>

<script>
//选取你的table，添加一行
$("#mytable").append("<tr><td>第二行</td></tr>")
</script>

复杂的方法:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<script language="javascript">
var rowid=1;
function $(id){
  return document.getElementById(id);
}
function addRow(){
  var _tab=$("test");
  var _row=_tab.insertRow();
  rowid+=1;
  var _col1=_row.insertCell();
  _col1.innerText=rowid;
  _col1.align="center";
  var _col2=_row.insertCell();
  _col2.innerHTML="<input type='text'>";
  _col2.align="center";
  var _col3=_row.insertCell();
  _col3.innerHTML="<input type='text'>";
  _col3.align="center";
  var _col4=_row.insertCell();
  _col4.innerHTML="<input type='text'>";
  _col4.align="center";

}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>增加行</title>
</head>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 利用js实现table增加一行用js实现表单增加一行、删除一行时，序号自动改变 Js实现Table动态添加一行的小例子 JS实现Table表格中点击一行选中一行 js实现对table的增加行和删除行的操作 Jquery 实现表格动态增加一行，删除一行添加按钮 table增加一行删减按钮 table去掉一行 python怎么实现数组增加一行或多行 Js删除Table中的一行 bootstrap table实现最后一行合计