<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        


    
	
    
		
			

    

    
	
    
		
			
    七郎'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> 
    

    
	
    


    
	    
    




    





    


    

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


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
亚洲第一精品在线视频|
亚洲?v无码国产在丝袜线观看|
亚洲成人黄色网址|
人人鲁免费播放视频人人香蕉|
国产精品免费播放|
在线观看亚洲电影|
国产一区二区三区无码免费|
亚洲成a人无码亚洲成av无码|
成人午夜性A级毛片免费|
国产精品久久亚洲不卡动漫|
永久免费av无码网站韩国毛片|
亚洲图片校园春色|
青苹果乐园免费高清在线|
激情综合亚洲色婷婷五月|
女人被男人躁的女爽免费视频|
亚洲精华国产精华精华液网站|
全黄a免费一级毛片人人爱|
精品女同一区二区三区免费播放|
亚洲AV伊人久久青青草原|
一级毛片不卡免费看老司机|
亚洲精品国产精品乱码视色|
久99久精品免费视频热77|
亚洲精品人成电影网|
中文字幕无码免费久久99|
亚洲av永久中文无码精品综合|
免费国产在线观看不卡|
巨胸喷奶水www永久免费|
亚洲va无码va在线va天堂|
思思re热免费精品视频66|
亚洲av纯肉无码精品动漫|
在线A亚洲老鸭窝天堂|
2015日韩永久免费视频播放
|
免费精品一区二区三区第35|
久久亚洲私人国产精品vA|
99在线视频免费观看视频|
免费手机在线看片|
亚洲精品无码专区在线在线播放|
国产精品视频免费观看|
黄页视频在线观看免费|
亚洲成a人片77777老司机|
日本免费人成视频播放|