<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>
當(dāng)前位置：<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是全局變量，記錄鼠標(biāo)選擇得行。insertRow()函數(shù)可以在傳入得參數(shù)前插入一個表格行，
|
