使用Javascript动态增加，删除表格（使用W3C对象模型）

esffor

浏览: 1370633 次
性别:
来自: 北京

最近访客更多访客>>

ymgjava

qq849397558

paladin1988

xieyuncs123

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2008-02 ( 25)
2008-01 ( 12)
2007-12 ( 103)
更多存档...

JavaScript HTML

<html>

<head>

function deleteRow(index){

var tableObj=document.getElementById("mainBody");

var rowObj=document.getElementById('row'+index);

tableObj.removeChild(rowObj);

}

function addRow(){

var tableObj=document.getElementById("mytable");

var tableBodyObj=document.getElementById("mainBody");

var newRowObj=document.createElement("tr");

newRowObj.id="row"+(tableObj.rows.length-1);

var newColName=document.createElement("td");

var newColAge=document.createElement("td");

var newColButton=document.createElement("td");

newColName.innerHTML=document.getElementById("newName").value;

newColAge.innerHTML=document.getElementById("newAge").value;

newColButton.innerHTML='<input type="button" value="删除" onclick="deleteRow('+(tableObj.rows.length-1)+')">';

newRowObj.appendChild(newColName);

newRowObj.appendChild(newColAge);

newRowObj.appendChild(newColButton);

tableBodyObj.appendChild(newRowObj);

}

</script>

</head>

<body>

<tr>

</tr>

<td>gaoxiang</td>

</tr>

<td>gaoxiang</td>

</tr>

</tbody>

</table>

</body>

</html>

分享到：

Tomcat 5.5不能使用EL表达式￥{}的解决方法 | 使用Javascript动态增加，删除表格（使用DH ...

2008-02-01 23:22
浏览 1824
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论