javascript - javascriptを使用してテーブル行内のテキストボックスにアクセスする

Question

次のコードを使用しています

<tr id="row">
<td><input type="text" name ="first" id="first" onclick="goto("row")"/>
</td>
<td><input type="text" name ="second" id="second"/>
</td>
</tr>

<script>
function goto(row)
{
var row=document.getElementById("row");

}
</script>

ここの goto() 関数では、id を使用してテーブルの行を取得しています。最初のテキスト ボックスをクリックすると、この行内の 2 番目のテキスト ボックスを取得する必要があります。テーブルの行 ID を使用して 2 番目のテキスト ボックスを取得するにはどうすればよいですか。何か案が ？。

Answer 1

IDを変更して一意にすると、次のように入力テキストボックスに直接アクセスできます。

var txtbox = document.getElementById("YourTextboxId");

Answer 2

まず、HTML に等号 (=) 記号がいくつかありません。これを name="first" および name="second" に変更することをお勧めします。次に、衝突しないようにそのうちの 1 つを「最初」に変更できたのに、「2 番目」の同じ ID を持つ 2 つの要素があり、2 番目の要素を getElementById で簡単に選択できる理由がわかりません。 （"2番目"）。単純な間違いですよね？