js动态控制table的tr、td增加及删除的具体实现

这篇文章主要介绍了使用js如何动态控制table的tr,td增加及删除,需要的朋友可以参考下

html:
复制代码 代码如下:














序号机器名IP地址MAC地址上行/下行速率


js:

增加:
复制代码 代码如下:

if(条件)
{//根据InterfaceType的值区分无线客户端和有限客户端
var table = document.getElementById("wifi_clients_table");
var newRow = table.insertRow(); //创建新行

var newCell1 = newRow.insertCell(0); //创建新单元格
newCell1.innerHTML = "1" ; //单元格内的内容
newCell1.setAttribute("align","center"); //设置位置

var newCell2 = newRow.insertCell(1); //创建新单元格
newCell2.innerHTML = ""+info.LANHosts.HostName+"";
newCell2.setAttribute("align","center"); //设置位置

var newCell3 = newRow.insertCell(2); //创建新单元格
newCell3.innerHTML = ""+info.LANHosts.IPAddress+"";
newCell3.setAttribute("align","center"); //设置位置

var newCell4 = newRow.insertCell(3); //创建新单元格
newCell4.innerHTML = ""+info.LANHosts.MACAddress+"";
newCell4.setAttribute("align","center"); //设置位置

var newCell5 = newRow.insertCell(4); //创建新单元格
newCell5.innerHTML = ""+info.LANHosts.UpRate+"/"+info.LANHosts.DownRate+"kb";
newCell5.setAttribute("align","center"); //设置位置

}

删除:在页面关闭时清除,下次访问时再重新生成,防止每次tr递增,页面错乱
复制代码 代码如下:

var t1=document.getElementById("lan_clients_table");

var rowNum=t1.rows.length;
if(rowNum>0)
{
for(i=0;i{
t1.deleteRow(i);
rowNum=rowNum-1;
i=i-1;
}
}

以上就是js动态控制table的tr、td增加及删除的具体实现的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程