一段js动态操作table代码

1 查找表对象

/*** 查找对象* */
function findObj(theObj, theDoc)
{
var p, i, foundObj;
if(!theDoc) theDoc = document;
if( (p = theObj.indexOf("?")) > 0 && parent.frames.length)
{
theDoc = parent.frames[theObj.substring(p+1)].document;
theObj = theObj.substring(0,p);
}
if(!(foundObj = theDoc[theObj]) && theDoc.all)
foundObj = theDoc.all[theObj];
for (i=0; !foundObj && i < theDoc.forms.length; i++)
foundObj = theDoc.forms[i][theObj];
for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
foundObj = findObj(theObj,theDoc.layers[i].document);
if(!foundObj && document.getElementById)
foundObj = document.getElementById(theObj);
return foundObj;
}

调用如下 : var nbrTable = findObj("nbrTableId",document); // 传入一个table的id

2 删除指定行

//删除指定行
function tableDleteRow(table,rowid){
var signItem = findObj(rowid,document);
if(signItem){//获取将要删除的行的Index var rowIndex = signItem.rowIndex; //删除指定Index的行 table.deleteRow(rowIndex);
}}

3 添加行

/*** 为每一行nbr添加列* */
var insertCellForNbr = function(i,capConfigNbrsList,nbrTable){var newTR = nbrTable.insertRow(i+1);newTR.id = "nbrTrId" + i;// 添加编号var newIndex=newTR.insertCell(0); // 添加邻居macvar newNbrMac=newTR.insertCell(1); // 添加邻居Tavar newNbrTa = newTR.insertCell(2);// 添加邻居Rssi门限制var newNbrRssiTrd=newTR.insertCell(3); if(capConfigNbrsList&&capConfigNbrsList.length > i){//添加内容newIndex.innerHTML = "<input  name='nbrIndex" + i + "' id='nbrIndex" + i + "' type='text' value='"+capConfigNbrsList[i].index+"' />  </br><span id='nbrIndexSpanId"+i+"'></span>"; newNbrMac.innerHTML = "<input name='nbrMac" + i + "' id='nbrMac" + i + "' type='text' value='"+capConfigNbrsList[i].nbrMac+"' />  </br><span id='nbrMacSpanId"+i+"'></span> "; newNbrTa.innerHTML = "<input name='nbrTa" + i + "' id='nbrTa" + i + "' type='text' value='"+capConfigNbrsList[i].nbrTa+"' />  </br><span id='nbrTaSpanId"+i+"'></span> "; newNbrRssiTrd.innerHTML = "<input name='nbrRssiTrd" + i + "' id='nbrRssiTrd" + i + "' type='text' value='"+capConfigNbrsList[i].nbrRssiTrd+"' />  </br><span id='nbrRssiTrdSpanId"+i+"'></span> "; }else{//添加内容newIndex.innerHTML = "<input  name='nbrIndex" + i + "' id='nbrIndex" + i + "' type='text' value='' /> </br><span id='nbrIndexSpanId"+i+"'></span> "; newNbrMac.innerHTML = "<input name='nbrMac" + i + "' id='nbrMac" + i + "' type='text' value='' />  </br><span id='nbrMacSpanId"+i+"'></span> "; newNbrTa.innerHTML = "<input name='nbrTa" + i + "' id='nbrTa" + i + "' type='text' value='' />  </br><span id='nbrTaSpanId"+i+"'></span>  "; newNbrRssiTrd.innerHTML = "<input name='nbrRssiTrd" + i + "' id='nbrRssiTrd" + i + "' type='text' value='' />  </br><span id='nbrRssiTrdSpanId"+i+"'></span> "; }}

一段js动态操作table代码相关推荐

运用js动态操作table(新增，删除相关列信息)
1.取得table对象 var objTable=document.getElementById( "tb_visitor" ); 2.新增一行 var objTempR ...
原生js动态为table追加html,JS动态添加Table的TR，TD实现方法
本文实例讲述了JS动态添加Table的TR,TD实现方法.分享给大家供大家参考.具体实现方法如下: var tempRow=0; var maxRows=0; function insertRows( ...
贴一段数组动态扩容的代码
贴一段数组动态扩容的代码 public static Object arrayGrow(Object obj,int addlength){Class c = obj.getClass(); if(! ...
js动态生产table、Div、select
一种方法: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w ...
html给自动生成的td赋值,JS动态创建Table,Tr,Td并赋值的具体实现
成果库修改: 要求主题列表随成果类型改变而改变网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合--动态创建/编辑Table 概要代码如下: JS //动态获取主题 ...
html给自动生成的td赋值,JS 动态创建Table,Tr,Td并赋值的简单示例
修改: 要求主题列表随成果类型改变而改变网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合--动态创建/编辑Table JS部分: 经测试代码如下: /** * 动 ...
js 动态创建table标签下的tr标签
使用JavaScript根据后台获取的数据进行创建table标签下的tr标签前端页面中的标签部分代码 <table class="layui-table lay-even" ...
JS DOM 操作实现代码
简单的表格: 复制代码代码如下: <table> <tr> <td id="TEST"> <input type="submi ...
前端小技巧：js 动态创建table标签下的tr标签
使用JavaScript根据后台获取的数据进行创建table标签下的tr标签前端页面中的标签部分代码 <table class="layui-table lay-even" ...

一段js动态操作table代码

一段js动态操作table代码相关推荐

最新文章

热门文章