javaScript小技巧——添加表格内容

最新推荐文章于 2022-05-18 21:59:56 发布

xiaoyurencao

最新推荐文章于 2022-05-18 21:59:56 发布

阅读量393

点赞数

分类专栏： javaScript 文章标签： javascript

本文链接：https://blog.csdn.net/xiaoyurencao/article/details/45029611

版权

javaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>javascript测试</title>
		<script>
			var i = 0;
			function addRow(){
					i++;
					//在第i行下添加一行
					var tbd = tbr.insertRow(i);
					//在tbd这一行上添加两个个单元格
					var newtd = tbd.insertCell();
					var newtd2= tbd.insertCell();
					//为单元格添加内容
					newtd.innerHTML = "null";
					newtd2.innerHTML = i;
				}
		</script>
	</head>
	<body>
		<table id="tbr">
			<tr>
				<td>序号</td>
				<td>内容</td>
			<tr>
			<tr>
				<td></td>
				<td><input type="button" οnclick="addRow()" value="添加"/></td>
			</tr>
		</table>
	</body>
</html>

xiaoyurencao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript小技巧——添加表格内容

javascript测试 var i = 0; function addRow(){ i++; //在第i行下添加一行 var tbd = tbr.insertRow(i); //在tbd这一行上添加两个个单元格 var newtd = tbd.insertCell(); var newtd2= tbd.insertCe
复制链接

扫一扫