一段js动态操作table代码

最新推荐文章于 2021-06-21 19:02:46 发布

清风明月coder

最新推荐文章于 2021-06-21 19:02:46 发布

阅读量468

点赞数

本文链接：https://blog.csdn.net/jianfpeng241241/article/details/51501039

版权

javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

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); 
	// 添加邻居mac
	var newNbrMac=newTR.insertCell(1); 
	// 添加邻居Ta
	var 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> "; 

	}
	

}