使用javascript对表格进行动态修改

最新推荐文章于 2021-09-13 21:49:26 发布

悲催的孩

最新推荐文章于 2021-09-13 21:49:26 发布

阅读量484

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/u014482758/article/details/39901923

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

使用javascript对表格进行动态修改

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function addrow(){
	var tb = document.getElementById("tab");
	var num = tb.rows[0].cells.length;       //表格的列的数目
	var newrow = tb.insertRow(tb.rows.length);  //插入新行
	var Cells = newrow.cells;
	for(var i = 0 ;i<num;i++){
		var newcell = newrow.insertCell(Cells.length);  //插入新列
		newcell.align = "center";
		newcell.innerHTML=tb.rows.length-1;
		}
	}
</script>
</head>
<body>
<input type="button" name="Submit" value="添加" οnclick="addrow();" />
<table id="tab" width="445" border="1">
  <tr>
    <th width="68" scope="col">编号</th>
    <th width="42" scope="col">姓名</th>
    <th width="67" scope="col">登录名</th>
    <th width="49" scope="col">身份</th>
    <th width="85" scope="col">创建时间</th>
    <th width="94" scope="col">登录时间</th>
  </tr>
</table>
</body>
</html>

悲催的孩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用javascript对表格进行动态修改

使用javascript对表格进行动态修改无标题文档function addrow(){var tb = document.getElementById("tab");var num = tb.rows[0].cells.length; //表格的列的数目var newrow = tb.insertRow(tb.rows.length);
复制链接

扫一扫

专栏目录