À l'aide de document.getElementsByName() ne fonctionne pas?

Le code pour la deuxième alerte de commande fonctionne comme prévu (affichage de la valeur de l'élément "a", mais la première alerte de commande ne fonctionne pas (il est censé faire la même chose). Pourquoi est-ce?

<html>
<head>
<script type="text/javascript">
function getValue()
{
alert(document.getElementsByName("to").value);
  alert(document.forms[0].to.value);
}
</script>
</head>
<body>
<form>
<input name="to" type="hidden" value="hoolah" />
<input type="button" onclick="getValue()" value="Get Value!" />
<form/>
</body>
</html>

OriginalL'auteur user1146930 | 2012-01-13

  1. 17

    getElementsByName retourne un HTMLCollection. Vous pouvez accéder à la valeur du premier élément comme ceci:

    document.getElementsByName("to").item(0).value

    Ou comme ceci:

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

    Plus d'infos:

    Démo: jsfiddle.net/LrD9q

    OriginalL'auteur Wayne Burkett

  2. 3

    getElementsByName renvoie tous les éléments avec le nom donné. Cela signifie qu'il peut y avoir plus d'un.

    Si vous voulez obtenir la valeur du premier élément:

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

    OriginalL'auteur James Montagne

  3. 0

    C'est parce qu'il met le ou les élément(s) dans un tableau, essayez cet exemple à la place:

    function getValues(objName)
{  
    var arr = new Array();
    arr = document.getElementsByName(objName);

    alert("total objects with name \"textfield\" = \n" + arr.length);

    for(var i = 0; i < arr.length; i++)
    {
        var obj = document.getElementsByName(objName).item(i);
        alert(obj.id + " =  " + obj.value);
    }
}
    Je n'ai pas downvote, mais si votre réponse est proche, il n'est pas tout à fait droit. Tout d'abord .getElementsByName() retourne un HTMLCollection, qui est semblable au tableau mais pas un tableau. Deuxièmement, vous ne devriez pas initialiser votre arr variable d'un nouveau tableau parce que vous êtes alors immédiatement remplacer qu'avec la valeur retournée par .getElementsByName() (il ne doit pas mettre le résultat dans ton tableau, il ignore votre tableau). Troisièmement, pourquoi faites-vous appel à .getElementsByName() de nouveau à chaque itération de ta boucle for?
    Si vous voulez juste pour itérer sur elle, alors oui, le .length propriété et [] notation de tableau vous permettra de le traiter comme un tableau. Mais le code dans ta réponse utilise le .item() méthode, qui n'est pas une méthode de tableau. Et réel tableaux ont un tas d'autres méthodes, comme la .sort(), .join(), etc.

    OriginalL'auteur Jeff Wooden