[解決済み] JavaScript 名前で要素を取得する

質問

この関数について考えてみましょう。

function validate()
{
  var acc = document.getElementsByName('acc').value;
  var pass = document.getElementsByName('pass').value;

  alert (acc);
}

そしてこのHTML部分。

<table border="0" cellpadding="2" cellspacing="0" valign="top">
    <tr>
        <td class="td1">Account</td>
        <td class="td2"><input type="text" name="acc" /></td>
    </tr>
    <tr class="td1">
        <td>Password</td>
        <td class="td2"><input type="password" name="pass" /></td>
    </tr>
</table>
<div><button onClick="validate()" class="cupid-greenx">Login now</button></div>

アラートボックスは表示されていますが、"undefined"と表示されています。

どうすればいいですか？

そのエラーが表示される理由は document.getElementsByName が返されます。 NodeList 要素の また NodeList を持つことはありません。 .value プロパティを指定します。

代わりにこれを使用します。

document.getElementsByName("acc")[0].value