摘要:Dynamic Table Control
# 動態產生 TR, TD, 內容的方法
<table id="Tbl"></table>
var addTr=Tbl.insertRow(); //建立<TR>
var addTd=Tbl.insertCell(); //建立 <TD>
var addTd.innerHTML = '<input type=button id=btn name=btn value=btn>' //建立<Button>
var addTd=Tbl.insertCell(); //建立 <TD>
var addTd.innerHTML = '<input type=button id=btn name=btn value=btn>' //建立<Button>
# 取得TR, TD 物件的方式
<table id=tbl>
<tr>
<td>1</td>
<td>2</td>
<td><input type=button id=btn name=btn value=btn></td>
</tr>
</table>
<tr>
<td>1</td>
<td>2</td>
<td><input type=button id=btn name=btn value=btn></td>
</tr>
</table>
var otd=window.document.activeElement.parentElement; //取得該按鈕所在的td
otd.cellIndex //取得該td的index
var otr=otd.parentNode; //此時如果要取得該按鈕所在的tr
otr.rowIndex; //取得該tr的index
otd.cellIndex //取得該td的index
var otr=otd.parentNode; //此時如果要取得該按鈕所在的tr
otr.rowIndex; //取得該tr的index
