<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
table a:link, table a:visited{
color:#0099FF;
text-decoration:none;
}
</style>
<script type="text/javascript">
function addFile()
{
var tabNode = document.getElementById("fileid");
var trNode = tabNode.insertRow();
var tdNode_File = trNode.insertCell();
var tdNode_del = trNode.insertCell();
tdNode_File.innerHTML = "<input type='file' />";
tdNode_del.innerHTML = "<a href='javascript:void(0)' οnclick='delFile(this)'>删除附件</a>";
//tdNode_del.innerHTML = "<img src='2.jpg' alt='删除附件' onclick = 'delFile(this)' />"
}
function delFile(node)
{
var trNode = node.parentNode.parentNode;
//trNode.removeNode(true);//将tr自己删除,并删除自己的子节点
trNode.parentNode.removeChild(trNode);
}
</script>
</head>
<body>
<table id="fileid">
<tr>
<td><a href="javascript:void(0)" οnclick="addFile()">添加附件</a></td>
</tr>
</table>
</body>
</html>
运行结果: