コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

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

WBOY
リリース： 2016-05-16 16:57:48
オリジナル
1145 人が閲覧しました
コードをコピー コードは次のとおりです:



< ;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>

関連ラベル：
js删除表格行
ソース：php.cn
前の記事：jquery_jqueryでajax関数を実行する際の同期の設定方法 次の記事：直接入力してボタンをクリックした効果を実現し、クリックevent_javascriptスキルをトリガーします。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS を使用して Next.js の三目並べボードの各行の下のスペースを削除するにはどうすればよいですか? 各行の下にスペースがあるのはなぜですか? (CSS) 自分のスキルをテストするために Next.js 三目並べアプリを作成しようとしています。ただし、CSSに問題があります。ボード...
から 2024-04-05 11:39:02
0
1
1431
jQuery.remove() および array.splice() の問題 アイテムのリストと買い物リストを含むページがあります。アイテムのリストから x 個のアイテムをショッピング リストに追加する場合は、ショッピング リスト内のアイテムをクリックし、そ...
から 2024-04-04 17:21:35
0
1
347
改訂されたタイトル: チェックボックスの選択に基づいて合計を計算する 私は単純な財務追跡アプリケーションを開発しています。アプリケーションには、すべての経費請求書が記載された表があり、合計金額は表の外側にあります。 JS または AJAX を使用して...
から 2024-04-04 13:45:50
0
1
3465
奥まったものを取り除くのに苦労する 私の Vue コンポーネントは、オブジェクト内のオブジェクトを使用して要素を表示します。ページ上のボタンをクリックすると、ネストされたオブジェクトの 1 つを削除したいと考えていま...
から 2024-04-03 21:48:14
0
1
302
Google スプレッドシートのコード: 権限の問題とデータ配置エラーの解決 Google Script を使用して初めてのコードを作成しています。コードに問題があり、Google スプレッドシートにアクセスするために必要な権限がありません。コードを実行しよ...
から 2024-04-03 09:26:47
0
1
278
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
オペレーション ノード比率