getElementById de un div expecífico?

Ozone · #1 (**permalink**) 20/09/2011, 14:20

Hola a todos,
tengo este código:

Código HTML:

<html>
 <head>
  <script>
   document.getElementById('texto').innerHTML = "Hola!";
  </script>
 </head>
 <body>
  <div id="1"><div id="texto"></div>
  <div id="2"><div id="texto"></div>
 <body>
</html>

¿Cómo hago para que el "Hola!" aparezca solamente en el div con id=2?

Gracias!

lubtufano · #2 (**permalink**) 20/09/2011, 14:31

Hola Ozone, según tengo entendido el 'id' debe ser exclusivo para un elemento y en el código 'id=texto' se repite, tal vez la solución sea asignar otro 'id' al <div> donde quieres que aparezca 'Hola'.

KoswiDigital · #3 (**permalink**) 20/09/2011, 14:55

Hola.

Efectivamente, un ID es un IDentificador y debe ser único para cada elemento en una página. Si lo que quieres es afectar a varias etiquetas debes usar clases.

En el código, te faltan las etiquetas de cierre de las capas. Y el script, en este caso, debes ponerlo después del código a modificar. Piensa que el navegador lee la página de arriba a abajo. Cuando le dices que en la capa con nombre de id "1" ponga hola, esa capa todavía no existe.

Lo correcto sería lo siguiente:

Código HTML:

Ver original<html>
 <head>
 </head>
 <body>
 
  <div id="1">hola</div>
  <div id="2">mundo!</div>
    
    <script>
        document.getElementById('1').innerHTML = "Hola!";
    </script>
 
 <body>
</html>

Un saludo.

Ozone · #4 (**permalink**) 20/09/2011, 16:20

Ok gracias, ya pude resolverlo de otra manera generando un id unico reutilizando un dato dinámico. Lo que puse como código era un ejemplo que armé para que les sea más fácil de entender a ustedes y no haya tanto código que no tiene que ver con la pregunta, de hecho puse el script arriba porque en mi código está dentro de una función ;)

Gracias!

paskuini · #5 (**permalink**) 21/09/2011, 01:30

De todas formas no puede haber dos <div> con id="texto". lo que si podrías hacer es poner varios con class="texto".

Mírate esto: diferencia id class