BlogJava
首頁
新隨筆
聯系
聚合

管理

			
			
				

          
	
          
		
          
			
			
			
				 
				37 
				Posts ::
				64 Stories
				::
				21 Comments
				::
				0 Trackbacks
			
		
          
	
          

          

			          		
		
          
	
          

          


          



          
	
					

          
	
	
	
          
		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
          
          <HTML>
          
          <HEAD>
          
          <TITLE> New Document </TITLE>
          
          <META NAME="Generator" CONTENT="EditPlus">
          
          <META NAME="Author" CONTENT="">
          
          <META NAME="Keywords" CONTENT="">
          
          <META NAME="Description" CONTENT="">
          
          </HEAD>
          

          
          <BODY>
          
          <script language="javascript">
          
          var i = 0,j = 0;     //行號與列號
          
          var oNewRow  ;    //定義插入行對象
          
          var oNewCell1,oNewCell2;     //定義插入列對象
          

          
          //添加條件行
          
          function AddRow()
          
          {
          
i           = document.all.MyTable.rows.length;
          
oNewRow           = document.all.MyTable.insertRow(i);
          
oNewRow.id           = j;
          

          
          //添加第一列
          
          oNewCell1 = document.all.MyTable.rows[i].insertCell(0)
          
oNewCell1.innerHTML           = "<input type='text' id='Value" + j + "'"+" size='14' value=\"\">";
          

          
          //添加第二列
          
          oNewCell2 = document.all.MyTable.rows[i].insertCell(1)
          
oNewCell2.innerHTML           ="<input type=button name=Del" + j + " value='刪除當前行'"+"onClick='DelCurrentRow(" + j + ");'>";
          
j          ++;
          
}
          

          
          //刪除行
          
          function DelCurrentRow(j)
          
          {
          
          with(document.all.MyTable)
          
          {
          
          for (var i=0;i<rows.length;i++)
          
          {
          
          if (rows[i].id == j)
          
          {
          
deleteRow(i);
          
}
          
}
          
}
          
}
          
          </script>
          

          
          <form method="post" action="">
          
          <div style="margin-left:80px;color:red;font-weight:bold;"></div>
          
          <div align="center" class="title-font">
          
動態添加HTML元素
          
          </div>
          
          <br>
          
          <table style="border:0px;" cellpadding=0 cellspacing=0
          
     align          ="center">
          
          <tr>
          
          <td style="border:0px;" width="340"><hr></td>
          
          <td style="border:0px;"><input type=button value="添加" name"addFieldBT" onclick="AddRow();"/></td>
          
          </tr>
          
          </table>
          
          <br><br>
          
          <table style="border:0px;" cellpadding=0 cellspacing=0
          
   align          ="center" class="TableBody" id="MyTable" border="0">
          
          </table>
          
          <br><br>
          
          <table style="border:0px;" cellpadding=0 cellspacing=0
          
   align          ="center">
          
            <tr>
          
             <td align="center" style="border:0px;">
          
             <input type=button value="提交" name="searchBT" onclick=""/>
          
             </td>
          
            </tr>
          
          </table>
          
          <script language="javascript">AddRow()</script>
          
          </form>
          
          </BODY>
          
          </HTML>
          
          

	
          
	
	
          
		posted on 2009-08-20 15:35 xiachang88 閱讀(111) 評論(0)  編輯  收藏  
	
          

          







          
	    
    




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          



    







          
        
	




主站蜘蛛池模板：
平舆县|
武安市|
嘉鱼县|
房产|
金川县|
漠河县|
饶平县|
奉新县|
雷山县|
甘泉县|
民丰县|
新闻|
如东县|
长兴县|
北安市|
朝阳区|
墨江|
贵定县|
蚌埠市|
鄂托克旗|
昔阳县|
壤塘县|
淮南市|
洱源县|
肇源县|
镇远县|
峡江县|
井研县|
安新县|
偃师市|
合川市|
凉山|
淳安县|
永安市|
德格县|
万州区|
丰都县|
宝兴县|
阆中市|
龙山县|
屏山县|