innerHTML

[dukeblass]

hola, tengo un dilema con el innerHTML, es este elcodigo

Código Javascript:

sobreEste.innerHTML= '<div class="miClase">';
      sobreEste.innerHTML+='<ul class="baraIz">';
          sobreEste.innerHTML+='<li> item uno</li>';
          sobreEste.innerHTML+='<li> item dos</li>';
          sobreEste.innerHTML+='<li> item tres</li>';
     sobreEste.innerHTML+='</ul>';
sobreEste.innerHTML+='</div>';
 

el resultado tendría que salir este (tendría..)

Código HTML:

<div class="miClase">
     <ul>
          <li> item uno </li>
          <li> item dos </li>
          <li> item tres </li>
     </ul>
</div>
 

Pero sale esto:

Código HTML:

<div class="miClase"></div>
<ul  class="baraIz"></ul>
<li> item uno </li>
<li> item dos </li>
<li> item tres </li>
 

y la verdad no se por que ,
el resto de código javascript (que es muy pero muy poquito), no interfiere..

[maycolalvarez]

innerHTML no solamente devuelve el código HTML interno de cada nodo, sino que al asignar interpreta y añade los sub-nodos (hijos o childNodes) correspondientes.

la idea es que concatenes todo en una variable string y como último paso se la asignes al innerHTML

[dukeblass]

Iniciado por maycolalvarez

innerHTML no solamente devuelve el código HTML interno de cada nodo, sino que al asignar interpreta y añade los sub-nodos (hijos o childNodes) correspondientes.

la idea es que concatenes todo en una variable string y como último paso se la asignes al innerHTML

si mas menos así lo hacia, lo guardaba en una variable y lo incrustaba después, pero lo hacia inconscientemente.. , y esta vez quise hacerlo de directamente y no salio por eso preguntaba a que se debía y ya te entendí gracias