你的位置：首页 >> 网页设计 >> 网站制作北京网站制作使用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>网站制作
</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" /> www.qitongnet.com北京网页设计
<input type="text" name="age" id="newAge"/>网站建设
<input type="button" onclick="addRow();" value=" 网页设计新增"/>网站制作
</body>网站制作
</html>北京网站建设
Chinaz~com
|
北京网页设计
上一篇：网页设计使用Javascript动态增加，删除表格
下一篇：北京网站制作鼠标事件的基础和完美实现
