开发日志：使用JavaScript添加/修改/删除Table表单

JS代码

 

<script  type="text/javascript">
function addRows(){//添加多行数据
	var myTable = document.getElementById("myTable");//取得tableObject对象
	for(i = 0;i<=4;i++){//这里写4行
		var oCell;
		var oRow=myTable.insertRow(-1);//获取末尾一行oRow.id=id和oRow.name=name可以设置行的属性，根据需求可用于删除指定行//
		oCell=oRow.insertCell(-1);oCell.innerHTML="图片<img src='myURL'/>";
		oCell=oRow.insertCell(-1);oCell.innerHTML="<a>超链接</a>";	
		oCell=oRow.insertCell(-1);oCell.innerHTML="带事件的按钮<input  type='button' value='删除第一行以外的行' οnclick='deleRows()'/>";
  
	}
}
function deleRows(){//删除第一行以外的行
var myTable = document.getElementById("myTable");//取得tableObject对象
//思路：1我们要保留第一行数据，2每当删除一行rows.length的值就会自动减1。
//因此只需要一直删除第2行，直至rows的长度等于1的时候就只剩下第一行了【rows[0]