简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

JS实现从表格中动态删除指定行的方法_javascript技巧

WBOY
リリース： 2016-05-16 16:06:54
オリジナル
1415 人が閲覧しました

本文实例讲述了JS实现从表格中动态删除指定行的方法。分享给大家供大家参考。具体如下：

JS的表格对象有一个deleteRow方法用于删除表格中的指定行，只需要指定行号即可

<!DOCTYPE html>
<html>
<head>
<script>
function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('myTable').deleteRow(i);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
 <td>Row 1</td>
 <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
 <td>Row 2</td>
 <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
 <td>Row 3</td>
 <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
</table>
</body>
</html>
ログイン後にコピー

希望本文所述对大家的javascript程序设计有所帮助。

関連ラベル：
js シート
ソース：php.cn
前の記事：javascript实现简单的贪吃蛇游戏_javascript技巧 次の記事：javascript制作2048游戏_jquery
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
次のjs 13でオープンプリミティブタグを使用するにはどうすればよいですか? 最近の NextJS13 アップデートでは、NextHead を作成して通常の HTML メタ タグを記述する従来の方法とは異なる、メタ タグを処理する新しい方法が導入されました。...
から 2023-11-10 23:03:51
0
1
527
ライブワイヤー未定義 LaravelLivewire プロジェクトをサーバーにデプロイするのに問題があります。問題は、livewire.js ファイルにアクセスできず、コンソールに Livewireis...
から 2023-11-09 15:34:23
0
1
233
Vue js: トラブルシューティング - 未定義の '$refs' プロパティの読み取り テンプレートに参照があるにもかかわらず、「未定義のプロパティを読み取ることができません ('$refs' を読み取ります)」というエラーが発生します。これは、Vue マウント フッ...
から 2023-11-07 23:34:12
0
1
305
Nuxt.js に jQuery をインストールする手順 プロジェクトに jQuery を追加しようとしましたが、定義されていないというエラーが表示されます。 plugins:[{src:'~/plugins/js/svgSprite.j...
から 2023-11-06 16:41:50
0
1
225
NextJS プロジェクトで Tailwind と MUI を使用する場合の予期しない動作 (白いボタンのバグ) 現在、NextJS、TailwindCSS、MUIReactUI ライブラリを使用してプロジェクトを構築しています。 MUI ボタン​​をプロジェクトに追加しようとすると、正常に機...
から 2023-11-04 11:04:23
0
1
178
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！