HTML中table动态添加行或列_原生html和css实现表格新增一列

作者：羊村懒王 | 2024-06-03 20:47:44

踩

原生html和css实现表格新增一列

原文地址：http://www.cnblogs.com/badegg/articles/1334673.html


<html>
	<head>
	<script type="text/javascript">
		function AddTableRow()
		{
    		<span style="white-space:pre">	</span>var Table = document.getElementById("tab");   //取得自定义的表对象
    		<span style="white-space:pre">	</span>NewRow = Table.insertRow();                        //添加行
    		<span style="white-space:pre">	</span>NewCell1= NewRow.insertCell();                     //添加列
			NewCell2=NewRow.insertCell();
			NewCell1.innerHTML = "<B>这是新加的列</B>";          //添加数据
			NewCell1.innerHTML="<a href='#'>这是空链接</a>";
		}			 
	</script>
	</head>
	<body>
		<table id="tab">
			<tr><td>1</td></tr>
			<tr><td>2</td></tr>
		</table>
	<input type="button" id="bn" value="add" οnclick="AddTableRow()" />
	</body>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/668849