javascript操作table

王朝html/css/js·作者佚名  2008-08-06
窄屏简体版  字體: |||超大  

动态产生tr

针对table给予一个名字,比如说tbl1

var oTr=tbl1.insetRow();

动态产生td

针对动态产生的tr产生td

var oTd=oTd.insertCell(); //var oTd=oTr.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;

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航