国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js動態控制table的tr、td增加及刪除的具體實現

2019-11-20 20:46:00
字體:
來源:轉載
供稿:網友
html:
復制代碼 代碼如下:

<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>序號</th>
<th>機器名</th>
<th>IP地址</th>
<th>MAC地址</th>
<th>上行/下行速率</th>
</tr>
</thead>
<tbody>

</tbody>
</table>

js:

增加:
復制代碼 代碼如下:

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

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

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

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

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

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

}

刪除:在頁面關閉時清除,下次訪問時再重新生成,防止每次tr遞增,頁面錯亂
復制代碼 代碼如下:

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;
}
}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 景泰县| 遂溪县| 陈巴尔虎旗| 西丰县| 会昌县| 商城县| 郑州市| 灵川县| 阳曲县| 蓝田县| 东阿县| 革吉县| 汝州市| 洪湖市| 手游| 遂川县| 尚志市| 青田县| 昌江| 湖州市| 新河县| 丰镇市| 临潭县| 祁东县| 游戏| 康保县| 锡林郭勒盟| 怀化市| 泸水县| 高邑县| 苏尼特左旗| 潜江市| 措勤县| 襄樊市| 呼伦贝尔市| 尖扎县| 抚松县| 右玉县| 海伦市| 芦溪县| 易门县|