Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/12/2011, 15:08
Rockero777
 
Fecha de Ingreso: abril-2011
Ubicación: Lima
Mensajes: 11
Antigüedad: 13 años, 8 meses
Puntos: 0
Pregunta document.getElementById no funciona con substring

hola, estoy elaborando un javascript, lo que intento hacer, es acortar el texto y poner los puntos suspensivos, hasta aqui todo bien:

Código Javascript:
Ver original
  1. var str="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque purus eget justo pulvinar at auctor purus tempor. Praesent tempor facilisis commodo.";
  2.  
  3. if (str.length < 48) {
  4.  
  5. document.write(str);
  6.  
  7. }
  8.  
  9.  if (str.length > 48)  {
  10.  
  11. var texto = (str.substring(0,48)+"...");
  12.  
  13. document.write(texto);
  14.  
  15.  }

Cuando lo hice, agregué el lorem ipsum.....etc manualmente , pero lo que intento hacer es mostrar un texto que esta en un DIV, por lo cual llegué a hacer esto:

Código Javascript:
Ver original
  1. var str = document.getElementById('mitexto');
  2.  
  3. if (str.length < 48) {
  4.  
  5. document.write(str);
  6.  
  7. }
  8.  
  9.  if (str.length > 48)  {
  10.  
  11. var texto = (str.substring(0,48)+"...");
  12.  
  13. document.write(texto);
  14.  
  15.  }

Código HTML:
<div id="mitexto">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque purus eget justo pulvinar at auctor purus tempor. Praesent tempor facilisis commodo.</div> 
hasta ahi, si reconoce el texto que esta en el div, pero no se acorta el texto y no aparecen los puntos suspensivos

alguien me da una ayuda?

llevo horas si poder hacerlo funcionar

gracias