七郎's JavaBlog

          草木竹石皆可為劒。至人之用人若鏡,不將不迎,應而不藏,故能勝物而不傷。
          posts - 60, comments - 14, trackbacks - 0, articles - 0

          JS 動態增加刪除表格

          Posted on 2008-07-17 15:15 七郎歸來 閱讀(1766) 評論(0)  編輯  收藏
           <HTML>   
            
          <HEAD>   
            
          <script   language="javascript">   
              
              
            
          //--------------------------刪除行開始--------------------------------------   
            function   DeleteRow(obj){   
            
          //刪除行   
            //index插入的位置   
            alert("Table1的行數:"+obj.rows.length+"\n"+"Table1的列數:"+obj.rows(0).cells.length);   
            
          if(obj.rows.length>1)   
            
          {   
            obj.deleteRow(obj.rows.length
          -1);   
            }
             
              
            }
             
            
          //--------------------------刪除行結束--------------------------------------   
              
            
          //--------------------------插入行開始--------------------------------------   
            function   InsertRow(obj){   
            
          //插入行   
            //index插入的位置   
            alert("Table1的行數:"+obj.rows.length+"\n"+"Table1的列數:"+obj.rows(0).cells.length);   
            
          var   oTr=obj.insertRow(obj.rows.length);   
            oTr.style.height
          =21   
            
          var   oTd   
            
          for   (j=0;j<obj.rows(0).cells.length;j++)   
            
          {   
            oTd
          =oTr.insertCell(j)   
            oTd.innerText
          ="   "       //"   "   
            }
             
              
            }
             
            
          //--------------------------插入行結束--------------------------------------   
              
              
            
          //--------------------------插入列開始--------------------------------------   
            function   InsertCol(obj){   
            
          var   oTd   
            
          for(j=0;j<obj.rows.length;j++){   
              
            oTd
          =obj.rows(j).insertCell(obj.rows(j).cells.length);   
            oTd.innerText
          ="   "       //"   "   
            }
             
            }
             
            
          //--------------------------插入列結束--------------------------------------   
              
            
          //--------------------------刪除列開始--------------------------------------   
            function   DeleteCol(obj){   
            alert(Table1.rows(
          0).cells.length);   
            
          for(j=0;j<Table1.rows.length;j++)   
            
          {   
            
          if(Table1.rows(j).cells.length>1)   
            
          {   
            Table1.rows(j).deleteCell(Table1.rows(j).cells.length
          -1);   
            }
             
            }
             
            }
             
            
          //--------------------------刪除列結束--------------------------------------   
              
            
          //--------------------------更改表格文字開始--------------------------------------   
            function   showinput()   
            
          {   
            elm   
          =   event.srcElement;   
            
          if   (elm.tagName   !=   "TD")   return;   
            elm.innerHTML   
          =   "<input   onblur='hide()'     value='"+elm.innerText+"'   style='text-align:center;width:100%;border-width:   0px;'   name='input1'   id='input1'></input>";   
            document.all.item(
          "input1").focus();   
            document.all.item(
          "input1").select();   
            }
             
            
          function   hide()   
            
          {   
            elm   
          =   event.srcElement;   
            elm.parentNode.innerHTML   
          =   elm.value   
            }
             
            
          //--------------------------更改表格文字結束--------------------------------------   
            //function   document.onmousedown(){   
            // alert(event.keyCode);   
            //}   
              
            
          </script>   
            
          <TITLE>Lion互動網絡=》動態添加修改表格(行、列、內容)</TITLE>   
            
          </HEAD>   
            
          <BODY>   
            
          <INPUT   onclick="DeleteRow(Table1)"   type="button"   value="刪除行"   ID="Button1"   NAME="Button1">&nbsp;<INPUT   onclick="InsertRow(Table1)"   type="button"   value="插入行"   ID="Button2"   NAME="Button2"><BR>   
            
          <INPUT   onclick="DeleteCol(Table1)"   type="button"   value="刪除列"   ID="Button3"   NAME="Button3">&nbsp;<INPUT   onclick="InsertCol(Table1)"   type="button"   value="插入列"   ID="Button4"   NAME="Button4"></P>   
            
          <P><asp:datagrid   id="ID_Grid"   onclick="showinput()"   runat="server"   Width="100%"   AutoGenerateColumns="False"></asp:datagrid>Table1:   
            
          <TABLE   id="Table1"   onclick="showinput()"   cellSpacing="1"   cellPadding="1"   width="300"   border="1">   
            
          <TR>   
            
          <TD>d</TD>   
            
          <TD>c</TD>   
            
          <TD>a</TD>   
            
          </TR>   
            
          <TR>   
            
          <TD>a</TD>   
            
          <TD>b</TD>   
            
          <TD>c</TD>   
            
          </TR>   
            
          </TABLE>   
            
          </BODY>   
            
          </HTML> 

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 平谷区| 田东县| 江北区| 嘉禾县| 卓尼县| 万源市| 阿勒泰市| 郸城县| 邵阳市| 延长县| 尉犁县| 栾城县| 东乡族自治县| 昔阳县| 广南县| 涟源市| 德安县| 崇州市| 彭泽县| 福海县| 克山县| 枣强县| 武隆县| 历史| 仪征市| 比如县| 呼伦贝尔市| 忻城县| 乐东| 松江区| 平远县| 合阳县| 博湖县| 新平| 广西| 张北县| 家居| 外汇| 汝南县| 花垣县| 博爱县|