javascript应用往表格中出入行，每次都插入第一行。

关注

原创最新推荐文章于 2026-03-24 09:54:12 发布 2k 阅读 AI 写同款· GEO 优化 ›

【JavaScript】创建表格动态插入数据使用JavaScript动态插入表格和数据一、创建HTML并布置好基本格局这里没有什么难点，基本HTML知识为了简单实现没有使用thead和tbody进行设计 <html> <head> <meta charset="UTF-8"> <title>学生信息表</title> <style> </style> <script> </script> </head> <bo 阅读详情

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">

 <script type="text/javascript">
	var index = 1;
	function add() {
		var tableId = document.getElementById("tableId"); //拿到要插入表的id
		var newtr = tableId.insertRow(0); //要插入的第几行，0代表插入的是第一行
		for(var i=0; i<2; i++) {
			var tableId = newtr.insertCell(i);    //要插入第一行的，第几列。 
			tableId.innerHTML="liang" + index;  //要插入的内容
		}
	index = index + 1;
	}
 </script>

 </head>
 <body>
	<table id="tableId">
		<tr>
			<td>
				姓名
			</td>
			<td>
				姓名
			</td>
		</tr>
	</table>
	<input type="button" value="点我" onclick="add()"/>
 </body>
</html>