動態對於Table的JavaScript處理
動態產生tr
針對table給予一個名子,比如說tbl1
var oTr=tbl1.insetRow();
動態產生td
針對動態產生的tr產生td
var oTd=oTd.insertCell();
動態產生td內容
使用innerHTML
var oTd.innerHTML='<input type=text id=text1 name=text1 value=abc>';
--------------------------------------------------------------------------------
對於已經存在的table中,取得td,tr物件的方式
假設已經存在table如下
<table id=tbl1 border=1>
<tr>
<td>1</td>
<td>2</td>
<td><input type=button id=btn1 name=btn1 value=btn1></td>
</tr>
</table>
此時如果要取得該按鈕所在的td
var tdItm=window.document.activeElement.parentElement;
如果要取得該td的index
tdItm.cellIndex;
此時如果要取得該按鈕所在的tr
var trItm=tdItm.parentNode;
如果要取得該tr的index
trItm.rowIndex;
以下是簽名:
- 歡迎轉貼本站的文章,不過請在貼文主旨上加上【轉貼】,並在文章中附上本篇的超連結與站名【topcat姍舞之間的極度凝聚】,感恩大家的配合。
- 小喵大部分的文章會以小喵熟悉的語言VB.NET撰寫,如果您需要C#的Code,也許您可以試著用線上的工具進行轉換,這裡提供幾個參考
Microsoft MVP Visual Studio and Development Technologies (2005~2019/6) | topcat Blog:http://www.dotblogs.com.tw/topcat |