ホームページ >ウェブフロントエンド >jsチュートリアル >テーブル行を動的に追加および削除する js 実装コード_javascript スキル

テーブル行を動的に追加および削除する js 実装コード_javascript スキル

WBOYオリジナル: 2016-05-16 16:57:481160ブラウズ

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

< ;script language="javascript">
//ウィンドウテーブルに行を追加します
function addNewRow(){
var tabObj=document.getElementById("myTab");//Getデータを追加するテーブル
var rowsNum = tabObj.rows.length; //現在の行数を取得します
varcolsNum=tabObj.rows[rowsNum-1].cells.length;//行数を取得します行の列
var myNewRow = tabObj.insertRow(rowsNum);//新しい行を挿入
var newTdObj1=myNewRow.insertCell(0);
newTdObj1.innerHTML="";
var newTdObj2=myNewRow.insertCell(1);
newTdObj2.innerHTML="";
var newTdObj3=myNewRow.insertCell(2);
newTdObj3.innerHTML="";
var newTdObj4=myNewRow.insertCell (3);
newTdObj4.innerHTML=" ";
}
//ウィンドウテーブルの行を削除します
function RemoveRow(){
var chkObj=document.getElementsByName("chkArr");
var tabObj=document.getElementById("myTab");
for(var k=0;k if(chkObj[k].checked){
tabObj.deleteRow(k 1);
k=-1;
}
}
}

class="top-bt liebiao-c" align="center" >ノード名 td>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：jquery_jqueryでajax関数を実行する際の同期の設定方法次の記事：jquery_jqueryでajax関数を実行する際の同期の設定方法

続きを見る

オペレーション

ノード比率

テーブル行を動的に追加および削除する js 実装コード_javascript スキル

関連記事