DOM（三）-06-(示例-添加删除附件)

最新推荐文章于 2022-12-09 19:01:31 发布

wy_0928

最新推荐文章于 2022-12-09 19:01:31 发布

阅读量469

点赞数

分类专栏： No.7-JavaWeb自学笔记（五）——DOM

本文链接：https://blog.csdn.net/wy_0928/article/details/47811033

版权

No.7-JavaWeb自学笔记（五）——DOM 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

<!--
添加删除附件
-->

<html>
	<head>
		<style type="text/css">
			table a:link,table a:visited{
				color:#179ed9;
				text-decoration:none;
			}
			table a:hover{
				color:#f36021;
			}
		</style>
	</head>
	<body>
		<script type="text/javascript">
		
			function addFile(){
				
				/*
				 *因为文件选取框定义在行对象中，所以只要给表格创建
				 *新的行和单元格即可。
				 */
				var oTabNode = document.getElementById("tableid");
				var oTrNode = oTabNode.insertRow();
				
				var oTdNode_add = oTrNode.insertCell();
				var oTdNode_del = oTrNode.insertCell();
				
				oTdNode_add.innerHTML = "<input type='file' />";
				oTdNode_del.innerHTML = "<a href='javascript:void(0)' οnclick="deleteFile(this)">删除附件</a>"；

			}
			
			function deleteFile(node){
				
				var oTrNode = node.parentNode.parentNode;
				oTrNode.parentNode.removeChild(oTrNode);
			}
		
		</script>
		
		<table id="tableid">
			<tr>
				<td><a href="javascript:void(0)" οnclick="addFile()">添加文件</a></td>
			</tr>
		
		</table>
	</body>
</html>

wy_0928

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM（三）-06-(示例-添加删除附件)

 table a:link,table a:visited{ color:#179ed9; text-decoration:none; } table a:hover{ color:#f36021; } function addFile(){ /*
复制链接

扫一扫