HTML Table 动态增加删除行 code 实例

最新推荐文章于 2023-07-09 22:01:04 发布

oscar999

最新推荐文章于 2023-07-09 22:01:04 发布

阅读量1.2w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： 130-Web语言文章标签： table html input button null

本文链接：https://blog.youkuaiyun.com/oscar999/article/details/6136814

130-Web语言专栏收录该内容

219 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

<html>
<head>
<title>Dynamic Table</title>
<script type="text/javascript">
function addRow(tbodyID)
{
	var bodyObj=document.getElementById(tbodyID);
	if(bodyObj==null) 
	{
		alert("Body of Table not Exist!");
		return;
	}
	var rowCount = bodyObj.rows.length;
	var cellCount = bodyObj.rows[0].cells.length;
	var newRow = bodyObj.insertRow(rowCount++);  
	for(var i=0;i<cellCount;i++)
	{
		 var cellHTML = bodyObj.rows[0].cells[i].innerHTML;
		 if(cellHTML.indexOf("none")>=0)
		 {
			 cellHTML = cellHTML.replace("none","");
		 }
		 newRow.insertCell(i).innerHTML=cellHTML;
	}
}
function removeRow(inputobj)
{
	if(inputobj==null) return;
	var parentTD = inputobj.parentNode;
	var parentTR = parentTD.parentNode;
	var par

了解本专栏