佟丽娅床戏视频,刘亦菲视频剪辑

利用javaScript動(dòng)態(tài)增加表格行，刪除表格行 - 夢(mèng)源 - BlogJava

2007.04.19

<HTML>
<HEAD>
<TITLE> Table 對(duì)象得方法 </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對(duì)象得方法</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ù)前插入一個(gè)表格行，

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

打開APP，閱讀全文并永久保存查看更多類似文章

javascript向表中添加行--瀏覽器兼容性問題

js動(dòng)態(tài)添加表格

javascript 動(dòng)態(tài)生成表格

(5)JavaScript獲取表格單元格內(nèi)容

javascript中innerText和innerHTML屬性用法實(shí)例分析

動(dòng)態(tài)創(chuàng)建HTML表格[轉(zhuǎn)載自MSDN]

更多類似文章 >>

国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看