Tema: Caso raro con innerHTML
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/08/2012, 06:47
Avatar de patilanz
patilanz
 
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 11 meses
Puntos: 29
Pregunta Caso raro con innerHTML
Hola quiero imprimir con javascript con innerHTML el siguiente codigo html :

Código HTML: 
Ver original
  1. <div id="content">
  2.         <div class="slider">
  3.             <div class="sliderContent">
  4.                 <div class="item">
  5.                     <img src="snimki/1.jpg" alt="" />
  6.                    
  7.                 </div>
  8.                 <div class="item">
  9.                     <img src="snimki/2.jpg" alt="" />
  10.                 </div>
  11.                 <div class="item">
  12.                     <img src="snimki/3.jpg" alt="" />
  13.                 </div>
  14.                 <div class="item">
  15.                     <img src="snimki/4.jpg" alt="" />
  16.                 </div>
  17.                 <div class="item">
  18.                     <img src="snimki/5.jpg" alt="" />
  19.                 </div>
  20.                 <div class="item">
  21.                     <img src="snimki/6.jpg" alt="" />
  22.                 </div>
  23.                 <div class="item">
  24.                     <img src="snimki/7.jpg" alt="" />
  25.                 </div>
  26.                 <div class="item">
  27.                     <img src="snimki/8.jpg" alt="" />
  28.                 </div>
  29.             </div>
  30.         </div>
  31.         
  32.     </div>

Este codigo esta programado con query para que las imagenes cambian al dar click en unos botones y funciona bien si lo pongo normal en la pagina escrito con html pero si intento poner lo con javascript con innerHTML me sale simplemente una imagen :
Código Javascript: 
Ver original
  1. document.getElementById('contenido').innerHTML += '<div id="content"><div class="slider"><div class="sliderContent"><div class="item"><img src="snimki/1.jpg" alt="" /></div><div class="item"><img src="snimki/2.jpg" alt="" /></div><div class="item"><img src="snimki/3.jpg" alt="" /></div><div class="item"><img src="snimki/4.jpg" alt="" /></div><div class="item"><img src="snimki/5.jpg" alt="" /></div><div class="item"><img src="snimki/6.jpg" alt="" /></div> <div class="item"><img src="snimki/7.jpg" alt="" /></div><div class="item"><img src="snimki/8.jpg" alt="" /></div></div></div></div>'
Porque pasa esto???

Gracias :)