 
<table id='wifi_clients_table' style="color:#0099CC;font-size:12px;" class="table table-striped table-bordered table-hover table-condensed"> 
<thead> 
<tr class="success"> 
<th>序號(hào)</th> 
<th>機(jī)器名</th> 
<th>IP地址</th> 
<th>MAC地址</th> 
<th>上行/下行速率</th> 
</tr> 
</thead> 
<tbody> 

</tbody> 
</table> 

js：

增加：

復(fù)制代碼代碼如下:

 
if(條件) 
{//根據(jù)InterfaceType的值區(qū)分無(wú)線客戶端和有限客戶端 
var table = document.getElementById("wifi_clients_table"); 
var newRow = table.insertRow(); //創(chuàng)建新行 

var newCell1 = newRow.insertCell(0); //創(chuàng)建新單元格 
newCell1.innerHTML = "<td>1</td>" ; //單元格內(nèi)的內(nèi)容 
newCell1.setAttribute("align","center"); //設(shè)置位置 

var newCell2 = newRow.insertCell(1); //創(chuàng)建新單元格 
newCell2.innerHTML = "<td>"+info.LANHosts.HostName+"</td>"; 
newCell2.setAttribute("align","center"); //設(shè)置位置 

var newCell3 = newRow.insertCell(2); //創(chuàng)建新單元格 
newCell3.innerHTML = "<td>"+info.LANHosts.IPAddress+"</td>"; 
newCell3.setAttribute("align","center"); //設(shè)置位置 

var newCell4 = newRow.insertCell(3); //創(chuàng)建新單元格 
newCell4.innerHTML = "<td>"+info.LANHosts.MACAddress+"</td>"; 
newCell4.setAttribute("align","center"); //設(shè)置位置 

var newCell5 = newRow.insertCell(4); //創(chuàng)建新單元格 
newCell5.innerHTML = "<td>"+info.LANHosts.UpRate+"/"+info.LANHosts.DownRate+"kb</td>"; 
newCell5.setAttribute("align","center"); //設(shè)置位置 

} 

刪除：在頁(yè)面關(guān)閉時(shí)清除，下次訪問(wèn)時(shí)再重新生成，防止每次tr遞增，頁(yè)面錯(cuò)亂

復(fù)制代碼代碼如下:

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

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

您可能感興趣的文章:

相關(guān)文章

JavaScript通如何過(guò)RGraph實(shí)現(xiàn)動(dòng)態(tài)儀表盤
這篇文章主要介紹了JavaScript通如何過(guò)RGraph實(shí)現(xiàn)動(dòng)態(tài)儀表盤,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-10-10
javascript實(shí)現(xiàn)類似java中g(shù)etClass()得到對(duì)象類名的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)類似java中g(shù)etClass()得到對(duì)象類名的方法,實(shí)例分析了javascript實(shí)現(xiàn)java中g(shù)etClass方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
js如何準(zhǔn)確獲取當(dāng)前頁(yè)面url網(wǎng)址信息
這篇文章主要為大家介紹了js準(zhǔn)確獲取當(dāng)前頁(yè)面url網(wǎng)址信息的多種方法，包括正則法、split拆分法等，需要的朋友可以參考下
2016-04-04
js實(shí)現(xiàn)移動(dòng)端吸頂效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)移動(dòng)端吸頂效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-01-01
原生JavaScript實(shí)現(xiàn)留言板
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)留言板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
一文幫你理解PReact10.5.13源碼
這篇文章主要介紹了一文幫你理解PReact10.5.13源碼,代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-04-04
js實(shí)現(xiàn)自定義下拉框
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)自定義下拉框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
基于Next.js實(shí)現(xiàn)在線Excel的詳細(xì)代碼
Next.js是一款React 開發(fā)框架，它可以幫助我們構(gòu)建 React 應(yīng)用程序。作為一個(gè)輕量級(jí)React服務(wù)端渲染應(yīng)用框架，這篇文章主要介紹了基于?Next.js實(shí)現(xiàn)在線Excel,需要的朋友可以參考下
2022-08-08
JavaScript中Object.prototype.toString方法的原理
這篇文章主要介紹了JavaScript中Object.prototype.toString方法的原理的相關(guān)資料,需要的朋友可以參考下
2016-02-02
javascript顯示中文日期的方法
這篇文章主要介紹了javascript顯示中文日期的方法,涉及javascript針對(duì)日期與字符串操作技巧,需要的朋友可以參考下
2015-06-06