javascript操作table(转载)
2008-05-14 18:34
621 查看
動態產生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;
針對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;
相关文章推荐
- (转载)javascript操作Select标记中options集合
- javascript操作table的特性
- JavaScript操作Table
- JavaScript操作Table
- javascript对table的添加,删除行的操作
- 好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎片、table操作
- HTML--通过JavaScript操作HTML的Table
- javascript操作Table
- [功能帮助类] JsHelper--Javascript操作帮助类 (转载)
- javascript 操作table的特性
- JavaScript 操作table,可以新增行和列并且隔一行换背景色
- javascript操作table的动态添加行和删除行
- javascript jquery 操作table记录
- javascript节点操作DOMDocument属性和方法(转载)
- JavaScript操作HTML的Table
- JavaScript 操作table,可以新增行和列并且隔一行换背景色
- [转载]jQuery操作Table学习总结
- javascript完整操作Table的增加行,删除行的列子大全
- HTML--通过JavaScript操作HTML的Table
- 转载 javascript节点的操作 创建、添加、移除、移动、复制