error [object HTMLDivElement]

[isabelramirezmontoya]

Chicos buenas tardes me dan una manito por favor con lo siguiente:

Tengo varios DIV en una pagina, cada uno lo identifico con un ID, cuando necesito referenciar un ID paso el valor a traves de una variable, cuando quiero visualizar el valor del ID me genera este mensaje [object HTMLDivElement].

Con unos DIV muestra el mensaje, con otros no muestra el mensaje y los visualiza

¿Por que pasa esto? ¿como lo evito o es un error mio?

Gracias

[David]

Si necesitas el contenido del div, debes usar la propiedad innerHTML. ¿Podrías mostrarnos cómo lo estás intentando?

[isabelramirezmontoya]

Cada $id1 es diferente 1,2,3,.......
php

Código HTML:

echo '<div id='.$id1.'><a href="javascript:mostrar_dato(\''.$id1.'\')">nombre</a></div>'
echo '<div id='.$id1.'><a href="javascript:mostrar_dato(\''.$id1.'\')">nombre</a></div>'
 

javascript

Código HTML:

funcion mostrar_dato(valor1)
 
var var1 = valor1;
alert (var1);
 

[object HTM

En lugar de mostrar el valor del alert, muestra [object HTMLDivElement].

[David]

Si con valor te refieres al contenido, como te dije, debes usar innerHTML:

Código Javascript:

alert(document.getElementById(valor1).innerHTML);
 

[isabelramirezmontoya]

Chicos estuve revisando y encontre que los id cuando son alfanumericos me generan el mensaje

Código HTML:

[object HTMLDivElement]
 

, cuando son numericos no me generan el mensaje. ¿Por que?

[David]

Pregunto de nuevo, ¿a qué te refieres con valor?
También, deberías usar document.getElementById como te indiqué en el mensaje anterior.

[isabelramirezmontoya]

David, gracias por tu tiempo y paciencia

Cuando hablo de valor me refiere al identificador del id. Cada uno de los DIV tiene un id. He notado que cuando el valor del id es numerico (ejemplo 100, 200, 300), lo puedo pasar a traves de variables en funciones. Cuando el valor del id es alfanumerico (100D, 200D, 300D) me genera el mensaje [object HTMLDivElement].

Respecto a usar alert(document.getElementById(valor1).innerHTML); lo hice pero no tuvo ningun efecto.

[David]

Intenta lo siguiente:

Código HTML:

<div id='.$id1.'><a href="#" onclick="mostrar_dato(this.id)">nombre</a></div>
 

No es la mejor manera usar un enlace para eso ni tampoco asignar el evento directamente en el HTML, pero es para que tengas una idea.

[isabelramirezmontoya]

David hice lo que tu me sugeriste pero me sigue generando el mensaje

Pregunto ¿porque cuando el valor del ID es numerico (100, 200, 300, ...) no genera mensaje y cuando es alfanumerico (100D, 200D, 300D, ...)si genera mensaje?

[David]

Por un lado, el id siempre debería empezar con una letra.

Y en el código anterior me equivoqué, debería ser this.parentNode.id

Por lo demás, debería funcionar, ¿cómo tienes ahora mismo todo el código?

[isabelramirezmontoya]

David, con lo que me sugeriste y un par de ajustes adicionales a mi codigo quedo ok

Mil gracias por tu paciencia