posts - 43,comments - 75,trackbacks - 0

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
          <HTML>
          <HEAD>
          <TITLE> Table 對象得方法 </TITLE>
          <script language="JavaScript">
          var intRowIndex = 0;
          function insertRow(tbIndex)
          {
          ?var objRow = myTable.insertRow(tbIndex);
          ?var objCel = objRow.insertCell(0);
          ?objCel.innerText = document.myForm.myCell1.value;
          ?var objCel = objRow.insertCell(1);
          ?objCel.innerText = document.myForm.myCell2.value;
          ?objRow.attachEvent("onclick",getIndex);
          ?objRow.style.background = "pink";
          }

          function deleteRow(tbIndex)
          {
          ?myTable.deleteRow(tbIndex);
          }
          function getIndex()
          {
          ?intRowIndex = event.srcElement.parentElement.rowIndex;
          ?pos.innerText = intRowIndex;
          }
          </script>
          <META NAME="Generator" CONTENT="EditPlus">
          <META NAME="Author" CONTENT="">
          <META NAME="Keywords" CONTENT="">
          <META NAME="Description" CONTENT="">
          </HEAD>

          <BODY onload="pos.innerText=intRowIndex;">
          <h2>Table對象得方法</h2>
          <hr>
          當前位置:<span id="pos"></span>
          <table id="myTable" border=1>
          <tr onclick="getIndex()">
          <td>HTML</td>
          <td>Css</td>
          </tr>
          <tr onclick="getIndex()">
          ?<td>JavaScript</td>
          ?<td>VBScript</td>
          </tr>
          </table>
          <form name="myForm">
          第一欄:<input type="text" name="myCell1" value="CGI"><br>
          第二欄:<input type="text" name="myCell2" value="ASP"><br>
          <input type="button" onclick="insertRow(intRowIndex)" value="插入行">
          <input type="button" onclick="deleteRow(intRowIndex)" value="刪除行">
          <input type="button" onclick="insertRow(myTable.rows.length)" value="添加行" >
          </form>
          </tr>
          </BODY>
          </HTML>

          intRowIndex是全局變量,記錄鼠標選擇得行。insertRow()函數可以在傳入得參數前插入一個表格行,

          posted on 2006-08-01 01:31 夢源 閱讀(6888) 評論(2)  編輯  收藏

          FeedBack:
          # re: 利用javaScript動態增加表格行,刪除表格行
          2008-11-14 16:21 | Yvon
          路過  回復  更多評論
            
          # re: 利用javaScript動態增加表格行,刪除表格行[未登錄]
          2016-08-18 11:52 | 1
          1  回復  更多評論
            

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


          網站導航:
           
          主站蜘蛛池模板: 陆川县| 许昌市| 铁力市| 正定县| 陇川县| 定西市| 手机| 旺苍县| 南汇区| 应城市| 宜良县| 阳江市| 五寨县| 西充县| 交口县| 株洲市| 堆龙德庆县| 新营市| 新建县| 兴海县| 西贡区| 明光市| 永顺县| 大足县| 永新县| 连城县| 宁远县| 永川市| 兴义市| 黎平县| 扶沟县| 浦北县| 山阴县| 常熟市| 石家庄市| 石河子市| 东方市| 封丘县| 宁河县| 郴州市| 伊吾县|