undefined

PilopiArt · #1 (**permalink**) 16/10/2010, 11:17

hola foreros

porque me dice undefined

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin t&iacute;tulo</title> 
</head> 
<body>

<p>caca</p>

<p name="Morbi">Morbi</p>

<script type="text/javascript">
<!--
// creamos una variable
var parrafos = document.getElementsByName("Morbi");
document.write(parrafos.innerHTML);

//-->
</script> 
</body> 
</html>

_cronos2 · #2 (**permalink**) 16/10/2010, 12:05

Si te fijas, el método es getElementsByName(), no getElementByName. Esto significa que cada vez que uses este método (u otros como getElementsByTagName() o getElementsByClassName()) se creará una colección de elementos, por lo que tendrás que usar el índice del elemento que quieras usar. Para que lo veas mejor, he aquí un ejemplo:

Código HTML:

Ver original<input type='text' name='cosa[]' />
<input type='text' name='cosa[]' />
<input type='text' name='cosa[]' />
<!-- etc... -->

Código Javascript:

Ver originalvar inputs=document.getElementsByName('cosa[]');
for(i in inputs){
 alert(inputs[i].name);
}

Evidentemente este ejemplo no tiene mucha utilidad, pero es para que veas que hay que acceder a los elementos con un índice.
Saludos (:

Panino5001 · #3 (**permalink**) 16/10/2010, 12:08

El doctype que estás usando (http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd) te está indicando que el elemento p no admite el atributo name.
Loseñalo porque aunque esto te funcione:

Código:

document.getElementsByName("Morbi").item(0);

Igualmente no es correcto.

PilopiArt · #4 (**permalink**) 16/10/2010, 12:34

a entonces solo boy a usar elementos que admiten el name
pero....
mo me sale @_@
no pueden poner el codigo completo?

PilopiArt · #5 (**permalink**) 16/10/2010, 12:39

Intente sacarlo asi pero no sale, logro funcionar esa funcion de getElementsByName

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
<body>

<form method="post" action="" >
<input type="text" name="caca"/>
<input type="text" name="caca"/>
<input type="button" onclick="morbi ()" value="yo"/>
</form>
<script type="text/javascript">
<!--
function morbi()
{
var caca=document.getElementsByName("caca[0]");
document.write(caca.innerHTML);
}
//-->
</script>
</body>
</html>

IsaBelM · #6 (**permalink**) 16/10/2010, 13:00

no puedes hacerlo de esa manera. la colección se trata de una matriz, y para acceder a los elementos de una matriz, has de hacerlo por su indice. dicho con otras palabras, primero creas la colección y después accedes a sus elementos

PilopiArt · #7 (**permalink**) 16/10/2010, 14:02

gracias a todos problema resuelto

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin t&iacute;tulo</title> 
</head> 
<body> 
 
<form method="post" action="" > 
<input type="text" name="caca"/> 
<input type="text" name="caca"/> 
<input type="button" onclick="morbi ()" value="yo"/> 
</form> 
<script type="text/javascript"> 
<!-- 
function morbi()  
{  
var caca=document.getElementsByName("caca");  
alert(caca[0].value);  
}  
//--> 
</script> 
</body> 
</html>