JavaScript có được yếu tố theo tên

Question

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à HTML này phần:

<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 được hiển thị, nhưng nó cho thấy "không xác định".

Answer 1

document.getElementsByName trả về một danh sách các phần tử để nó không có thuộc tính .value. do đó lỗi không xác định bạn đang thấy.

gì bạn muốn là document.getElementsByName("acc")[0].value

Answer 2

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); 
} 

Answer 3

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

Answer 4

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

document.getElementsByName() 

Đó trả về một mảng của các yếu tố, vì vậy sử dụng [0] để có được sự xuất hiện đầu tiên, ví dụ

document.getElementsByName()[0] 

Answer 5

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