JavaScript lấy phần tử theo tên

Hãy xem xét chức năng này:

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

  alert (acc);
}

Và phần HTML này:

<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>

Hộp cảnh báo đang hiển thị, nhưng nó hiển thị "không xác định".

Lý do bạn thấy lỗi đó là vì document.getElementsByNametrả về một NodeListphần tử. Và một NodeListtrong những yếu tố không có .valuetài sản.

Sử dụng cái này thay thế:

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

Lưu ý số nhiều trong phương pháp này:

document.getElementsByName()

Điều đó trả về một mảng các phần tử, vì vậy hãy sử dụng [0] để có lần xuất hiện đầu tiên, ví dụ:

document.getElementsByName()[0]

Bạn muốn điều này:

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

    alert (acc);
}

Phương thức document.getElementsByName trả về một mảng các phần tử. Bạn nên chọn đầu tiên, ví dụ.

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

document.getElementsByName("myInput")[0].value;