模仿163上传附件

最新推荐文章于 2021-02-25 12:55:10 发布

Sword_A

最新推荐文章于 2021-02-25 12:55:10 发布

阅读量542

点赞数

文章标签： button function table xhtml file upload

本文链接：https://blog.csdn.net/yuluo727282752/article/details/7317170

版权

<!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=utf-8" />
<title>dom邮件附件</title>
<style type="text/css">
	div{
		border:1px solid;	
		width:300px;		
	}
</style>

</head>

<body>
<input id="file" type="file" />
<input type="button" value="添加上传"  οnclick="getUpInfo()"/>
<input type="button" value="删除上传" οnclick="delUpInfo()" />
<div id="upload"></div>

</body>
</html>

<script type="text/javascript" language="javascript">
		//创建表格
		var table=document.createElement("table");
	function getUpInfo(){
		var info=document.getElementById("file").value;
		addUpInfo(info);
	}	
	
	function addUpInfo(info){
		
		//创建tr
		var tr=document.createElement("tr");
		
		//创建td
		var td=document.createElement("td");
		//创建text
		var text=document.createTextNode(info);		
		td.appendChild(text);
		tr.appendChild(td);		
			
/*		var button=document.createElement("button");
		var atext=document.createTextNode("删除");
		button.appendChild(atext);
		td.appendChild(button);
		tr.appendChild(td);*/
				
		table.appendChild(tr);
		document.getElementById("upload").appendChild(table);
	}
	
	function delUpInfo(){
		var tr=document.getElementsByTagName("tr");
		var table=tr[0].parentNode;		
			
		table.removeChild(tr[tr.length-1]);
		
	}

</script>

Sword_A

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模仿163上传附件

dom邮件附件 div{ border:1px solid; width:300px; } //创建表格 var table=document.createElement("table"); function getUpInfo(){ var info=document.getElementById("file").va
复制链接

扫一扫