テーブルを動的に読み込み、削除する JavaScript
|
この記事では、テーブルを動的に読み込み、削除するためのJavaScriptの具体的なコードを参考までに紹介します。具体的な内容は次のとおりです。
コード：
<!DOCTYPE html>
<html lang="ja">
<ヘッド>
<メタ文字セット="UTF-8">
<meta http-equiv="X-UA-compatible" content="IE=edge">
<meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
<title>ドキュメント</title>
<スタイル>
テーブル {
マージン: 100px 自動;
幅: 500ピクセル;
境界線の折りたたみ: 折りたたみ;
}
番目 {
境界線: 1px の灰色
背景色: ライトグレー;
高さ: 30px;
}
td {
テキスト配置: 中央;
境界線: 1px の灰色
}
</スタイル>
</head>
<本文>
<テーブル>
<頭>
<th>名前</th>
<th>件名</th>
<th>結果</th>
<th>オペレーション</th>
</thead>
<t本文>
</tbody>
</テーブル>
<スクリプト>
var tbd = document.querySelector('tbody');
var 情報 = [{
名前: 'キャシー',
件名: "javascript",
スコア: 60
}, {
名前: 「ミラ」
件名: "java",
スコア: 100
}, {
名前: 'キキ',
件名:「python」、
スコア: 80
}, {
名前: 'リンダ',
件名: "jquery",
スコア: 70
}]
var info_list = [];
(var i = 0; i < info.length; i++) の場合 {
console.log(info[i]['件名']);
var str = "<tr><td>" + info[i]['name'] + "</td>" + "<td>" + info[i]['subject'] + "</td>" + "<td>" + info[i]['score'] + "</td>" + "<td><a href = javascript:;>削除</a></td>" + "</tr>";
info_list.push(str);
}
tbd.innerHTML = info_list.join('');
var deletes = document.querySelectorAll('a');
(var i = 0; i < deletes.length; i++) {
削除[i].onclick = 関数() {
親ノードを削除します。
}
}
</スクリプト>
</本文>
</html>以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: Windows Server 2008 64ビット MySQL5.6 インストール不要版 設定方法図
推薦する
MySQLは、where in()順序ソートを実装するためにfind_in_set()関数を使用します。
この記事では、MySQL で find_in_set() 関数を使用して where in() の順...
MySQL における in と exists の違いの詳細な説明
1. 事前に準備する便宜上、ここで 2 つのテーブルを作成し、そこにいくつかのデータを追加します。果...
VS2019 が mysql8.0 データベースに接続する方法 (画像とテキスト付き)
1. まず、VS2019とMySQLデータベースを準備します。どちらも公式サイトからダウンロードで...
Linux で実行中のすべてのプロセスを表示する方法
ps コマンドを使用できます。プロセスの PID など、現在実行中のプロセスに関する関連情報を表示で...
MySQL におけるデータタイムとタイムスタンプの違い
MySQL には 3 つの日付型があります。日付(年-月-日)テーブル test(hiredate ...
Docker で Kong API Gateway をインストールして使用する詳細なチュートリアル
1 はじめにKong は単純な製品ではありません。この記事で言及されている Kong は主に Kon...
MySQLのkillがスレッドをkillできない理由
目次背景問題の説明原因分析シミュレーションする総括する背景日常の使用において、MySQL で個別また...
mysql の認証、起動、およびサービスの起動のための一般的なコマンド
1. 4つの起動方法: 1.mysqld MySQL サーバーを起動します: ./mysqld --...
TeamCenter12 にログインする際の 404/503 問題の解決方法
TeamCenter12はアカウントのパスワードを入力し、ログインをクリックすると、404または50...
MySQLデータクエリが多すぎるとOOMが発生するかどうかについての簡単な議論
目次サーバー層でのフルテーブルスキャンの影響InnoDB におけるフルテーブルスキャンの影響Inno...
MySQLはIDに適切なデータ型を選択します
目次分散IDソリューションの概要データベース自動増分IDデータベースマルチマスターモード数値セグメン...
element.style インライン スタイルを変更する方法のチュートリアル
序文上記の Web ページ スタイルを記述しているときに、スタイルの値をどのように変更しても、ページ...
Dockerコンテナのエクスポートとインポートの例
目次DockerコンテナのエクスポートDockerコンテナのインポートこの記事では主に、コンテナ...
要素UIポップアップコンポーネントをカプセル化する手順
el-dialogをコンポーネントとしてカプセル化するelement-ui を使用する場合、ポップア...
MySQL 5.6 での table_open_cache パラメータの最適化と適切な構成の詳細な説明
1. はじめにtable_cache は非常に重要な MySQL パフォーマンス パラメータであり、...