JavaScript llegar elemento por su nombre

considerar esta función:JavaScript llegar elemento por su nombre

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

    alert (acc); 
}

Y esta parte 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>

El cuadro de alerta está mostrando, pero muestra "indefinido".

Fuente

2012-04-24 Juliver Galleto

Si puede cambiarlo por completo, le recomiendo que agregue un campo "id" a sus dos campos de entrada, y use 'document.getElementById', que devuelve exactamente un valor. – Odi

mejor aún: 'var inputs = document.getElementsByTagName ('input')', devuelve una lista de nodos, desde la que puede extraer ambos elementos de la siguiente manera: var pass = inputs.item ('pass'). Solo un consejo, esto puede acelerar las cosas si se trata de un gran DOM, ya que 'getElementById' buscará en todo el árbol cada vez, mientras que una lista de nodos no, por lo que es más rápido ... –

Pequeño codigo de verdad XD –

179

document.getElementsByName devuelve un NodeList de elementos por lo que no tiene la propiedad .value. de ahí el error indefinido que está viendo.

Lo que queremos es document.getElementsByName("acc")[0].value

Fuente

2012-04-24 21:19:27 Aidanc

Quiere esto:

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

    alert (acc); 
}

Fuente

2012-04-24 21:20:23

Gracias por usar el ejemplo del OP en su respuesta. –

@KrisBoyd, la diferencia es que obtengo el primer elemento de la matriz devuelta por 'getElementsByName'. Tal vez debería haber dejado eso más claro; siéntete libre de editar si quieres. –

Te estaba dando un complemento :) ninguna de las respuestas más altas lo forma en el mismo formato en el OP –

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

Fuente

2012-04-24 21:20:47

Solo para ser claro: esto es obtener un elemento de una NodeList. :) –

Nota plural en este método:

document.getElementsByName()

que devuelve una matriz de elementos, por lo que su uso [0] para obtener la primera ocurrencia, por ejemplo

document.getElementsByName()[0]

Fuente

2012-04-24 21:21:12 Ozzy

No es un array, es un NodeList :-) –

@FlorianMargaine - En realidad es un [HTMLCollection] (https://developer.mozilla.org/en/DOM/HTMLCollection);) – j08691

@ j08691 [nope] (https://developer.mozilla.org/en/DOM/document.getElementsByName) :) pero puede ser fácil de confundir: p –

Método document.getElementsByName devuelve una matriz de elementos. Debe seleccionar primero, por ejemplo.

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

Fuente

2012-04-24 21:21:38 dalazx

No es una matriz, es una NodeList :-) –

JavaScript llegar elemento por su nombre

Respuesta

Cuestiones relacionadas