コードコピーは次のとおりです。
<html>
<head>
<Script src = "http://code.jquery.com/jquery-111.0.min.js"> </script>
<スクリプト>
// HTML要素を作成します
関数$ c(tagname){
document.createelement(tagname)を返します。
}
//ドキュメントがロードされた後に実行するもの
$(document).ready(function(){
//行ボタンを追加するクリックイベントをバインドします
$( "#addrow")。bind( "click"、function(){
//テーブルを取得します
var tab = $( "#tab");
// TR要素を作成します
var tr = $ c( "tr");
// TR要素をテーブルに追加します
Tab.Append(TR);
// TD要素を作成します
var td1 = $ c( "td");
// TD要素の内容
td1.innerhtml = "insert1";
//新しく追加されたtrにTD要素を追加します
Tr.AppendChild(TD1);
var td2 = $ c( "td");
td2.innerhtml = "insert2";
Tr.AppendChild(TD2);
});
// [削除]ボタンのクリックイベントをバインドします
$( "#letero")。bind( "click"、function(){
//テーブルの最初の行を取得します
var tab = $( "#tab tr:eq(0)");
//この行を削除します
tab.remove();
});
});
</script>
</head>
<body>
<テーブルボーダー= '1' id = "tab">
<tr>
<td> 123 </td>
<td> 456 </td>
</tr>
</table>
</br>
<ボタンID = "addrow"> row </button>を追加します
<ボタンid = "letero"> delete row </button>
</body>
</html>