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  回復  更多評論
            

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


          網站導航:
           
          主站蜘蛛池模板: 房产| 兴安县| 镇江市| 夏河县| 石嘴山市| 桑日县| 巧家县| 建湖县| 巴里| 永昌县| 鸡西市| 连城县| 镇平县| 丹凤县| 维西| 昭通市| 织金县| 安乡县| 黄梅县| 项城市| 巴彦淖尔市| 澄迈县| 镇原县| 静安区| 洛浦县| 平乐县| 金坛市| 昌吉市| 正阳县| 门源| 恩平市| 和顺县| 繁昌县| 高雄县| 井研县| 贺兰县| 花莲县| 天水市| 商南县| 文化| 额尔古纳市|