一尘不染

JavaScript按名称获取元素

html

考虑以下功能:

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>

显示警报框,但显示“未定义”。


阅读 463

收藏
2020-05-10

共1个答案

一尘不染

您看到该错误的原因是因为document.getElementsByName返回了一个NodeList元素。并且a
NodeList元素没有.value属性。

使用此代替:

document.getElementsByName("acc")[0].value
2020-05-10