HTML中table动态添加行或列

75 阅读 0 评论 50 点赞

我是靠谱客的博主寂寞纸鹤，最近开发中收集的这篇文章主要介绍HTML中table动态添加行或列，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

原文地址：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>