添加附件、删除附件

来源：互联网发布：经典西方魔法小说知乎编辑：程序博客网时间：2024/04/29 05:00

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
   <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <title>Untitled Document</title>

       <style type="text/css">
           table,table td{
                  border:#ff5500 1px solid;

               }
           table td a:link,table td a:visited{
               text-decoration:none;
           }

       </style>
       <script type="text/javascript">
           var count = 1;
           function addfile(){
               var tabNode = document.getElementsByTagName("table")[0];
               //var tbdNode = document.createElement("tbody");
               //alert(tabNode.innerHTML);
               //alert(tbdNode.innerHTML);
               var trNode = tabNode.insertRow();
               trNode.id = "tr_"+count;
               var tdNode1 = trNode.insertCell();
               var tdNode2 = trNode.insertCell();
               tdNode1.innerHTML ="<input type ='file'/>";
               tdNode2.innerHTML ="<a href='javascript:void(0)' onclick= 'deletefile(this)'>删除附件"+count+"</a>";
               count++;
           }
           function deletefile(node){
               var trNode = node.parentNode.parentNode;
               trNode.parentNode.removeChild(trNode);

           }
           /*
           function deletefile(count){
               var trNode = document.getElementById("tr_"+count);
               trNode.parentNode.removeChild(trNode);

           }
           */
       </script>
   </head>
   <body>
       <table>
           <tr>
               <td><a href="javascript:void(0)" onclick="addfile()">添加附件</a></td>
           </tr>
       </table>
   </body>
</html>

0 0