考虑以下功能:
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>
显示警报框,但显示“未定义”。
您看到该错误的原因是因为document.getElementsByName返回了一个NodeList元素。并且a NodeList元素没有.value属性。
document.getElementsByName
NodeList
.value
使用此代替:
document.getElementsByName("acc")[0].value