添加附件、删除附件

最新推荐文章于 2023-04-19 14:31:32 发布

hongtengfei523

最新推荐文章于 2023-04-19 14:31:32 发布

阅读量3.1k

点赞数

分类专栏： javascript 文章标签： javascript 添加附件 web DOM

本文链接：https://blog.csdn.net/hongtengfei523/article/details/48861881

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!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)' οnclick= '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)" οnclick="addfile()">添加附件</a></td>
           </tr>
       </table>
   </body>
</html>