jQueryのを使用すると、動的に、テーブル内のコードに直接言っても過言ではないの行を追加し、削除します。
<！DOCTYPE HTML>
<HTML>
<HEAD>
<メタのcharset = "UTF-8">
<メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1">
<メタ名= "ビューポート"コンテンツ="幅=デバイス幅、初期スケール= 1、最大スケール= 1、ユーザスケーラブル= NO ">
<メタHTTP-当量=" X-UA-互換」コンテンツ= "IE =エッジ">
<タイトル>元素的添加与删除</ TITLE>
<META NAME =「リンゴモバイルウェブアプリ対応の」コンテンツ=「はい」>
<META NAME = "リンゴモバイルウェブアプリ-ステータスバー-スタイル」コンテンツ= "黒">
ます。<script type = "text / javascriptの" SRC = "jqueryの-1.10.1.js"> </ SCRIPT>
</ HEAD>
<BODY>
<FORM>
<テーブル境界= "1ピクセル"幅= "200pxの" ID = "TABLE1">
<TRスタイル= "高さ：20ピクセル">
<TD> 0 </ TD>
<TD>の<input type = "ボタン" οnclick= "（追加これを）;" 値= "添加"> </ TD>
</ TR>
<TRスタイル= "高さ：20ピクセル">
<TD> 1 </ TD>
<TD>の<input type = "ボタン" οnclick= "デル（本） " 値= "删除"> </ TD>
</ TR>
<TR ID = "TR2"スタイル= "高さ：20ピクセル">
<TD> 2 </ TD>
<TD> <Bοnclick= "デル（この）。 「>删除</ B> </ TD>
</ TR>
</ TABLE>
</ FORM>
</ BODY>
< スクリプトタイプ= "テキスト/ javascriptの"> VAR I = 3;
機能デル（E）{
$（e）の.parent（）親（）（削除）。。。
私 - ;
}
関数の追加（）{
。$（ "＃1 TABLE1"）（アペンド"の<trスタイル= \"高さ：20ピクセル\ "> \ n"は+
"<TD>" + iの+ "</ TD> \ n" +
"<TD> <入力タイプ= \ "ボタン\" οnclick= \ "デル（この）; \"値= \ "删除\"> </ TD> \ n」+
"</ TR>"）
I ++。
}
</ SCRIPT>
</ HTML>