JavaScriptのtalbeテーブルの指定位置に行を挿入する実装コード スクリプトハウス改訂版_javascriptスキル

最近 JavaScript を勉強しています。これは私が自分で作成した例です (w3cschool の例に基づいています)
この例の機能は、マウスでクリックされた行の後に行を挿入することです。デフォルトでは、最初の行に挿入されます。行。挿入したコンテンツは自分で入力できます。コードは次のとおりです

<table id="myTable" border="1"> <tr> <td>Row1 cell1</td> <td>Row1 cell2</td> </tr> <tr> <td>Row2 cell1</td> <td>Row2 cell2</td> </tr> <tr> <td>Row3 cell1</td> <td>Row3 cell2</td> </tr> </table> <p> <input type="text" id="cell1" value="cell1"> セル1:<input type="text" id="cell2" value="cell2"> セル 2:</p> <input type="button" onclick="insRow()" value="插入行">
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]


上記はデフォルトで先頭に挿入される内容です。
ここで注意する必要があるのは、マウスが行の挿入ボタンをクリックすると、アクションによってグローバル変数もキャプチャおよび変更されるということです。最初は気づかなかった、つまり、 を追加しませんでした。上の赤​​いコードなので、挿入行をクリックするたびに最初の行に挿入します。元の設計によれば、ボタンをクリックするとグローバル変数が0に変更されるため、最初の行にのみ追加できます。
簡単な解決策は赤いコードを追加することです。これにより、今の問題を回避できます。
上記は学習プロセスのほんの一部ですが、指定した行を削除したり、指定した行の前に挿入したりする機能を完了するためのテンプレートとして使用できます。 JavaScript を学び続け、コミュニケーションを続けてください。