¿como se guarda en una variable el name de un objeto?

xikoto · #1 (**permalink**) 23/06/2010, 01:53

Hola buenas, mi duda es si hay algun modo de guardar en una variable el name o el id de un objeto, estilo el className.

var variable=document.getElementById("asdf").className ;

He probado asi a lo cutre cambiarle envez de className ponerle name o id y al mostrar con un alert la variable me dice "undefined".

caricatos · #2 (**permalink**) 23/06/2010, 03:34

Hola:

En primer lugar, asegúrate de que existen esos atributos, porque el id se recoge sin problemas, aunque el name puede ser algo problemático en los elementos generados dinámicamente.

Saludos

xikoto · #3 (**permalink**) 23/06/2010, 04:54

Gracias por contestar caricatos :)

He mirado los atributos y en teoria los tengo bien . De todas formas estoy activando la funcion con un button no se si eso tendra algo que ver.

Lo que tengo es:

Código:

//En el html

<div id="6" name="ultimanoticia" class="visible">
	<p>
		Noticia 6
	</p>
</div>
<div id="5" class="visible">
	<p>
		Noticia 5
	</p>
</div>
<div id="4" class="visible">
	<p>
		Noticia 4
	</p>
</div>
<div id="3" class="oculto">
	<p>
		Noticia 3
	</p>
</div>
<div id="2" class="oculto">
	<p>
		Noticia 2
	</p>
</div>
<div id="1" class="oculto">
	<p>
		Noticia 1
	</p>
</div>

<input type="button" value="Ver Mas" onclick="cambianoticia()" />

//Y en el js

function cambianoticia(){

	var iduno=document.getElementsByName("ultimanoticia").id;
	alert(iduno);

}

Lo que quiero hacer es lo siguiente.

En la web quiero poner 3 noticias y al pinchar en el boton estas tres se oculten y se muestren las 3 anteriores a estas. Lo que no se es si lo estoy encarando desde un buen punto de vista. Cada vez que escribiese una noticia nueva ponerle el name="ultimanoticia" para sacar el id y asi jugar con ellos para hacer el cambio de clase a las 3 que se estan mostrando y luego a las 3 anteriores a estas.

xikoto · #4 (**permalink**) 25/06/2010, 07:04

Algun buen samaritano puede echarme una mano? xD

gurthgor · #5 (**permalink**) 25/06/2010, 07:08

var variable=document.getElementById("asdf").getAttrib ute("name"); Creo que va simplemente con var variable=document.getElementById("asdf").name; o con id

_cronos2 · #6 (**permalink**) 25/06/2010, 07:16

De entrada los ids y los name no pueden empezar con un número, así que es normal que te dé error.
Saludos (:

Adler · #7 (**permalink**) 25/06/2010, 07:50

Cita:

Iniciado por _cronos2

De entrada los ids y los name no pueden empezar con un número, así que es normal que te dé error.
Saludos (:

Eso no es así. El nombre de una variable es la que no puede empezar por un dígito

Cita:

Panino5001 · #8 (**permalink**) 25/06/2010, 08:08

Me temo que _cronos2 tiene razón con respecto a id y name: http://www.w3.org/TR/html401/types.html#type-name

Adler · #9 (**permalink**) 25/06/2010, 08:20

Cita:

Iniciado por Panino5001

Me temo que _cronos2 tiene razón con respecto a id y name: http://www.w3.org/TR/html401/types.html#type-name

Vaya, por unos momentos me has puesto en duda. Pero no, después de probarlo en IE, FF, Opera y Chrome

Código Javascript:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function funcion() {
alert(document.getElementById('6').innerHTML);
}
</script>
</head>
<body>
<input type="button" onclick="funcion()" value="ver" />
<div id="6" name="ultimanoticia" class="visible">
<p>
Noticia 6
</p>
</div>
</body>
</html>

Panino5001 · #10 (**permalink**) 25/06/2010, 08:22

En viejas versiones de explorer no funcionaba. De todas maneras, aunque funcione en algunos navegadores es incorrecto y tampoco hay que confiarse en que aunque ahora funcione eso vaya a mantenerse.

Adler · #11 (**permalink**) 25/06/2010, 08:26

No digo que sea correcto. Todo esto ha venido a lo que comentaba @_cronos2 de que el error era ese. A mi no se me ocurría hacerlo

_cronos2 · #12 (**permalink**) 25/06/2010, 09:08

Cierto, el error no era ese. No lo había probado pero como el Mozilla me lo detecta como 'error' cuando hay un número como id pensé que sería eso...
Lo siento :D

xikoto · #13 (**permalink**) 27/06/2010, 19:45

Gracias a todos por contestar :)

He provado el quitar los numeros a los id y ponerle letras, pero sigue saliendo el mismo error, luego prove lo que puso gurthgor y si buscaba eso gracias ;). Aunque lo que ha dejado panino5001 me intriga, w3c no acepta que un id empiece por numero?

Tecna · #14 (**permalink**) 28/06/2010, 09:01

Buenas,

en el primer código que mostraste, la función cambianoticia() da error porque el método getElementsByName devuelve un array aunque sea de un único elemento ya que el atributo name si se puede repetir, por tanto deberías referirte a los elementos de iduno a través de su índice, iduno[0], iduno[1]..

Por otro lado y como ya bien se ha dicho los id no pueden comenzar por un número y producirían un error en la validación html y además que los estilos css se ignoren si se declara un DTD correcto, que es lo recomendable. En javascript no produce error porque lo que se recibe del html (el atributo id entre otras cosas) siempre es texto y el argumento que espera el método getElementById es del tipo cadena, además javascript se toma la libertad de cambiar el tipo si es necesario y si se pasara un número como argumento de getElementById lo convertiría en cadena, con lo que ya no empezaría por un número y por eso funciona, aunque sea incorrecto. Pero a veces puede haber resultados inesperados por el resultado de la conversión de número a cadena cuando se obtiene el id dinamicamente. Siguiendo el ejemplo de antes, si el id es el número 6 se convierte a la cadena '6' y no hay problema, pero si el número fuera 06 se convertiría en la cadena '6' y el resultado no sería el esperado. Por ejemplo:

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function funcion() {
alert(document.getElementById('6').id); // muestra 6. El id es la cadena'6'
alert(document.getElementById(6).id);  // muestra 6 El numero 6 se transforma en la cadena '6'
alert(document.getElementById('06').id);  // muestra 06 El id es la cadena '06'
alert(document.getElementById(06).id);  // muestra 6 y deberia mostrar 06
document.getElementById(06).innerHTML = 'deberia cambiar el contenido del elemento con id 06 pero cambia el de id 6';
// porque hace el la conversion del numero 06 y el 0 se ignora
 
 
document.getElementById('06').innerHTML = 'asi si que cambia el que debe porque se convierte en una cadena correctamente';
// porque al poner las comillas el 0 también forma parte de la cadena
 
var iduno=document.getElementsByName("ultimanoticia");
alert (iduno[0].id);  // muestra 6
}
</script>
 
</head>
<body>
<input type="button" onclick="funcion()" value="ver" />
<div id="6" name="ultimanoticia" class="visible">
<p>
Noticia 6
</p>
</div>
<div id="06" name="ultimanoticia" class="visible">
<p>
Noticia 06
</p>
</div>
</body>
</html>

es sólo un ejemplo de los problemas que puede causar y por qué aparentemente no da error en javascript puesto que lo convierte en cadena pero es incorrecto según el estandar html y la especificación css, que es donde se define.

xikoto · #15 (**permalink**) 28/06/2010, 16:11

Gracias por la info Tecna ;).

De todos modos, estoy enfocando esto bien? ¿O deberia usar base de datos para mostrar las noticias? Porque visto que lo que estoy pensando se salta de todo... xD