您好,欢迎访问一九零五行业门户网

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

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;
}
}
其它类似信息

推荐信息