javascript操作table(转载)
動態產生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;