javascript动态增删Table
Posted 54powerman
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript动态增删Table相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 动态增删表格 </TITLE>
<SCRIPT LANGUAGE="javascript">
<!--
var i=1;
function addTable(content)
{
var categoryTable = document.getElementById("MyTable");
var newRow=categoryTable.insertRow(0);//如果从最后增加，insertRow不需要参数
var newCell=newRow.insertCell();
newCell.innerHTML=content+(i++);
}
function delTable()
{
var categoryTable = document.getElementById("MyTable");
if(categoryTable.rows.length>0){
categoryTable.deleteRow(0);//如果删除最后行，deleteRow不需要参数
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<table id="MyTable" border="0" cellpadding="0"></table>
<input type=Button οnclick="addTable('NewRow ')" value="add">
<input type=Button οnclick="delTable()" value="del">
</BODY>
</HTML>
以上是关于javascript动态增删Table的主要内容，如果未能解决你的问题，请参考以下文章