黑马程序员技术交流社区

标题: 为什么删除附件后就不能再添加了呢? [打印本页]

作者: hhmm665544    时间: 2014-4-15 19:00
标题: 为什么删除附件后就不能再添加了呢?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. <style type="text/css">
  7. table td a:link,table td a:visited{
  8.         text-decoration:none;
  9.         color:#0FF;
  10. }
  11. table,table td{
  12.         border:#0FF 1px solid;
  13. }
  14. </style>

  15. <script type="text/javascript">
  16. var count = 0;
  17. function addFile()
  18. {
  19.         count = ++count;
  20.         var tabNode = document.getElementsByTagName("table")[0];
  21.         var trNode = tabNode.insertRow(count);
  22.         trNode.id = "tr_"+count;
  23.         //alert(trNode.tagName);
  24.         var tdNode_file = trNode.insertCell();
  25.         var tdNode_del = trNode.insertCell(1);
  26.        
  27.         tdNode_file.innerHTML = "<input type='file'/>";
  28.         tdNode_del.innerHTML = "<a href='javascript: void(0)' onclick='delFile("+count+")'/>删除附件"+count+"</a>"
  29. }
  30. function delFile(x)
  31. {
  32.         var ids = "tr_"+x;
  33.         var trNode = document.getElementById(ids);
  34.         var tabNode = trNode.parentNode;
  35.         tabNode.removeChild(trNode);
  36. }
  37. </script>
  38. </head>

  39. <body>
  40. <table>
  41. <tr>
  42.         <td>
  43.     <a href="javascript:void(0)" onclick="addFile()">添加附件</a>
  44.     </td>
  45. </tr>
  46. </table>
  47. </body>
  48. </html>
复制代码





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2