ホームページ > ウェブフロントエンド > jsチュートリアル > table_javascript スキルで tr と td の追加と削除を動的に制御する js の具体的な実装

table_javascript スキルで tr と td の追加と削除を動的に制御する js の具体的な実装

WBOY
リリース: 2016-05-16 16:50:39
オリジナル
1264 人が閲覧しました

html:

コードをコピー コードは次のとおりです:


"成功" >







番目> ; MAC アドレス






追加:

コードをコピー コードは次のとおりです:
if (条件)
{//InterfaceType
の値に基づいてワイヤレス クライアントと制限されたクライアントを区別します。 var table = document.getElementById("wifi_clients_table");
var newRow = table.insertRow() //新しい行を作成します

var newCell1 = newRow.insertCell(0); new cell
newCell1.innerHTML = "1" //セル内のコンテンツ
newCell1.setAttribute("align","center") //位置を設定します

var newCell2 = newRow.insertCell(1); // 新しいセルを作成します
newCell2.innerHTML = "" info.LANHosts.HostName ""; .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 "/" .DownRate "kb";
newCell5.setAttribute("align","center") //位置を設定

}


削除: クリアページを閉じるとき、次回アクセスするときに再生成して、tr が毎回インクリメントされてページが混乱するのを防ぎます


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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート