JavaScript添加附件删除附件

最新推荐文章于 2023-06-07 14:18:58 发布

iteye_21104

最新推荐文章于 2023-06-07 14:18:58 发布

阅读量596

点赞数

分类专栏： JavaScript 文章标签：前端 javascript xhtml ViewUI

本文链接：https://blog.csdn.net/iteye_21104/article/details/82672924

版权

JavaScript 专栏收录该内容

23 篇文章 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 addFile(){
		//先要创建一个tr对象
		var trNode = document.createElement("tr");
		//创建td对象
		var tdNode1 =  document.createElement("td");
		var tdNode2 =  document.createElement("td");
		//
		tdNode1.innerHTML ="<input type='file'/>";
		tdNode2.innerHTML = "<a href='#' onclick='delFile(this)' >删除附件</a>";
		//把td的节点添加到tr节点上
		trNode.appendChild(tdNode1);
		trNode.appendChild(tdNode2);

		//获取tbody数组的第一个tbody
		var tbodyNode = document.getElementsByTagName("tbody")[0];
		var lastRow = document.getElementById("lastRow");

//		elt.insertBefore(newNode, oldNode);	//添加到elt中，child之前。
//		注意： elt必须是oldNode的直接父节点。
		tbodyNode.insertBefore(trNode,lastRow);
	}


	//删除附件
	function delFile(aNode){

		//获取<a>的父节点的父节点
		var trNode = aNode.parentNode.parentNode;

		//获取tbody数组的第一个tbody节点
		var tbodyNode = document.getElementsByTagName("tbody")[0];

//		elt.removeChild(child);//删除指定的子节点
//		注意： elt必须是child的直接父节点。
		tbodyNode.removeChild(trNode);
	}


</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
	<table border="1" id="tab1">
    	<tr>
    		<td><input type="file"/></td><td><a href="#" onclick="delFile(this)" >删除附件</a></td>
    	</tr>

        <tr id="lastRow">
        	<td colspan="2"><input onclick="addFile()" type="button" value="添加附件"/></td>
        </tr>
    </table>
</body>
</html>

iteye_21104

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript添加附件删除附件

[code="html"] function addFile(){ //先要创建一个tr对象 var trNode = document.createElement("tr"); //创建td对象 var tdNode1 = document.createElement("td"); var tdNode2 = document.create...
复制链接

扫一扫