JavaScript obtient un élément par son nom

Question

Considérons cette fonction :

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

  alert (acc);
}

Et cette partie 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>

La boîte d'alerte s'affiche, mais elle indique "undefined".

Answer 1

La raison pour laquelle vous voyez cette erreur est que document.getElementsByName renvoie un NodeList d'éléments. Et un NodeList d'éléments n'a pas de .value propriété.

Utilisez ceci à la place :

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

Answer 2

Notez le pluriel dans cette méthode :

document.getElementsByName()

Cela renvoie un tableau d'éléments, utilisez donc [0] pour obtenir la première occurrence, par exemple

document.getElementsByName()[0]

Answer 3

Tu veux ça :

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

    alert (acc);
}

Answer 4

La méthode document.getElementsByName renvoie un tableau d'éléments. Vous devez sélectionner le premier, par exemple.

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

Answer 5

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