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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:04:49
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了使用js如何動態控制table的tr,td增加及刪除,需要的朋友可以參考下

html:

復制代碼 代碼如下:


<table>
<thead>
<tr>
<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+"http://m.survivalescaperooms.com/"+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;
}
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 格尔木市| 马尔康县| 长海县| 鹿泉市| 黄山市| 东港市| 南漳县| 怀来县| 策勒县| 曲阳县| 阿克陶县| 玉山县| 江永县| 怀集县| 德兴市| 水城县| 东阿县| 黑山县| 长葛市| 兴宁市| 宁城县| 舟山市| 巴林左旗| 志丹县| 辽阳县| 大田县| 凤阳县| 偃师市| 建瓯市| 蓝田县| 大同市| 特克斯县| 中卫市| 丹寨县| 祁阳县| 青川县| 安图县| 乐至县| 商河县| 龙岩市| 桐乡市|