HTML增加删除邮件(table)

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>删除增加附件</title>
<script type="text/javascript">
/* 这段代码是如何在表格中增加元素;*/
function addFile(){
var oTable=document.getElementById("text");
var oTr=oTable.insertRow();
var oTbFile=oTr.insertCell();
var oTbDel=oTr.insertCell();
oTbFile.innerHTML='<input type="file"/>';/* 这个组件里面有选择按钮这个按钮和文字描述*/
oTbDel.innerHTML='<img src="1.jpg" onclick="delFile(this);">';/*这个innerHTML可以写标签语句,意思就是贴加这个组件 */
}
function delFile(obj){

var oTabNode=obj.parentNode;
while(oTabNode.nodeName!="TR"){

oTabNode=oTabNode.parentNode;
}
oTabNode.parentNode.removeChild(oTabNode);/*这里最好是用while去判断,当节点多你数不清的时候; */
/* // var oTbNode=obj.parentNode.parentNode;
// oTbNode.parentNode.removeChild(oTbNode); */
}
</script>

</head>
<body>
<h1>貼加删除附件</h1>
<table id="text">
<tr>
<td><a href="javascript:viod(0);" onclick="addFile();">贴加附件</a></td><!-- 这句href="javascript:viod(0);的意思是要a标签中的超链接去执行js中的函数 -->
</tr>
</table>
</body>
</html>

posted @ 2016-09-07 19:42  折腾青春  阅读(301)  评论(0编辑  收藏  举报