js----增加删除节点

最新推荐文章于 2015-12-15 12:19:27 发布

sujingnuli1

最新推荐文章于 2015-12-15 12:19:27 发布

阅读量276

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/sujingnuli1/article/details/50312061

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!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>
<script type="text/javascript">
function add(){
var trNode=document.createElement("tr");
var td1Node=document.createElement("td");
var td2Node=document.createElement("td");
td1Node.innerHTML="<input type='file'/>";
td2Node.innerHTML="<a href='#' οnclick='delFile(this)'>删除附件</a>";

trNode.appendChild(td1Node);
trNode.appendChild(td2Node);
var tableNode=document.getElementsByTagName("tbody")[0];
var lastNode=document.getElementById("last");
tableNode.insertBefore(trNode,lastNode);
}
function deleteNode(){
alert("呵呵");
}
function delFile(aNode){
var trNode=aNode.parentNode.parentNode;
var tbodyNode=document.getElementsByTagName("tbody")[0];
tbodyNode.removeChild(trNode);
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>增加附件</title>
</head>

<body>
<table>
<tr id="file">
<td><input type="file"/ ></td><td id="1"><a href="#" οnclick="delFile(this)">删除附件</a></td>
</tr>
<tr id="last">
<td><input type="button" value="添加附件" οnclick="add()"/></td>
</tr>
</table>
</body>
</html>

sujingnuli1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js----增加删除节点

function add(){var trNode=document.createElement("tr");var td1Node=document.createElement("td");var td2Node=document.createElement("td");td1Node.innerHTML="";td2Node.innerHTML="删除附件";trN
复制链接

扫一扫

专栏目录