你的位置：首页 >> 网页设计 >> 网页设计使用Javascript动态增加，删除表格
网页设计使用Javascript动态增加，删除表格
作者： 北京网站建设 日期：2008-03-27 06:14:05 来源： http://www.qitongnet.com
|
<html>北京网站设计
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />北京网页设计
<head> Chinaz~com
<script language="javascript">...网站制作 北京网站设计
function deleteRow(index)...{北京网站设计
var tableObj=document.getElementById("mytable");北京网站制作 网站建设
tableObj.deleteRow(index);北京网站制作
}北京网页设计
function addRow()...{网站设计
var tableObj=document.getElementById("mytable");网页设计
var newRowObj=tableObj.insertRow(tableObj.rows.length);北京网站设计
var newColName=newRowObj.insertCell(newRowObj.cells.length);北京网页设计
var newColAge=newRowObj.insertCell(newRowObj.cells.length);网站建设
var newColButton=newRowObj.insertCell(newRowObj.cells.length);网站制作 网页设计
网站设计
newColName.innerHTML=document.getElementById("newName").value;网站制作
newColAge.innerHTML=document.getElementById("newAge").value; Www^Chinaz^com 北京网站建设
newColButton.innerHTML='<input type="button" value="删除" onclick="deleteRow('+(tableObj.rows.length-1)+')">'; 网站建设
}北京网站制作
</script>网站设计
</head> Chinaz_com
<body>网站设计 企通互联
<table width="100%" id="mytable" border="0" cellspacing="0" cellpadding="0">网站制作 网站制作
<tr> 网站设计北京网站建设
<td>姓名</td>网站建设
<td>年龄</td>北京网页设计
<td>操作</td>北京网站设计
</tr>网站设计
<tr>网站建设
<td>gaoxiang</td>北京网站建设
<td>28</td>北京网页设计
<td><input type="button" onclick="deleteRow(0)" value="删除"/></td> www.qitongnet.com北京网站设计
</tr>北京网站制作
<tr>北京网站制作
<td>gaoxiang</td>网站建设
<td>28</td> 北京网站制作网页设计
<td><input type="button" onclick="deleteRow(1)" value="删除"/></td>北京网页设计
</tr>北京网站制作
</table> 中.国.站长站
<input type="text" name="name" id="newName" />网站制作
<input type="text" name="age" id="newAge"/>北京网站设计
<input type="button" onclick="addRow();" value="新增"/>北京网站建设
</body>北京网站设计
</html>北京网页设计
Chinaz~com
|
网站建设
上一篇：企通互联非常详细的IFRAME的属性参考手册
下一篇：北京网站制作使用Javascript动态增加，删除表格
