BlogJava 首頁 新隨筆 聯(lián)系 聚合 管理
            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()
          {
          = 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='刪除當(dāng)前行'"+"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">
          動態(tài)添加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 閱讀(110) 評論(0)  編輯  收藏

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


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 阿合奇县| 大港区| 衡山县| 庄河市| 林西县| 北流市| 开化县| 潢川县| 黄平县| 天水市| 长子县| 乐至县| 平南县| 清丰县| 潜江市| 平邑县| 全南县| 大庆市| 杨浦区| 永寿县| 新郑市| 灵璧县| 新河县| 沅陵县| 庆安县| 玛曲县| 蕉岭县| 乌兰浩特市| 乌拉特中旗| 久治县| 宜阳县| 武威市| 南昌市| 鹤庆县| 张家川| 巨鹿县| 兴安盟| 抚顺县| 城市| 中宁县| 浪卡子县|