(16)添加附件、删除附件

①注意删除:通过子获得父,去删,这样不易错。
在表格中table默认下层是tbody,而不是tr。
②表格中创建行:objTabNode.insertRow();创建行并插入到表格中
表格中创建列:objtrNode.insertCell():创建列并添加入行中
③添加单元格后,单元格内容还是标签,用objTdNode.innerHTML:”“方法
④字符串单独写,单双引号都可以。但是若有嵌套,必须是外双内单

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
    table a:link,table a:visited
    {
        color:#6CF;
        text-decoration:none;
    }
    table a:hover
    {
        color:#F00;
    }


</style>
   <script type="text/javascript">
      function addfile()
      {
          //获取表格对象
          var TabNode=document.getElementById("fileid");

          var trNode=TabNode.insertRow();

          var tdNode_file=trNode.insertCell();
          tdNode_file.innerHTML="<input type='file'/>";

          var tdNode_del=trNode.insertCell();
          tdNode_del.innerHTML="<a href='javascript:void(0)' οnclick='delefile(this)'>删除附件</a>";



      }
      function delefile(node)
      {
          //就是删除行操作

          var TtabNode=document.getElementsByTagName("tbody")[0];//不能用table来删除,因为表格默认有tbody
          alert(TtabNode);

          //获取此行,即a的父的父
          var TrNode=node.parentNode.parentNode;
          TtabNode.removeChild(TrNode);


          //删除此行(规范删除方法)
         //TrNode.parentNode.removeChild( TrNode);


      }
   </script>

</head>

<body>


       <table id="fileid">
          <tr>
             <td><a href="javascript:void(0)" onclick="addfile()">添加附件</a></td>
          </tr>


       </table>   

</body>
</html>
posted @ 2017-08-08 22:10  测试开发分享站  阅读(187)  评论(0编辑  收藏  举报