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. ;
if(rowNum>0)
{
for(i=0;i{
t1.deleteRow(i);
rowNum=rowNum- 1;
i=i-1;

} }