国产探花免费观看_亚洲丰满少妇自慰呻吟_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://www.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;
}
}

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

圖片精選

主站蜘蛛池模板: 斗六市| 平乡县| 夏河县| 陵水| 涿鹿县| 凤山县| 锦屏县| 淮北市| 高雄县| 雷州市| 瑞丽市| 南华县| 淳化县| 长丰县| 和龙市| 太白县| 栾川县| 伊宁市| 师宗县| 吴江市| 张掖市| 鹤壁市| 柘城县| 桃园市| 丰镇市| 遂平县| 邻水| 电白县| 汝州市| 金湖县| 昔阳县| 磴口县| 乌鲁木齐市| 邵阳县| 内黄县| 南雄市| 济源市| 应城市| 靖西县| 福建省| 翁牛特旗|