document.getElementById no funciona con substring

[Rockero777]

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:

var str="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque purus eget justo pulvinar at auctor purus tempor. Praesent tempor facilisis commodo.";
 
if (str.length < 48) {
 
document.write(str);
 
}
 
 if (str.length > 48)  {
 
var texto = (str.substring(0,48)+"...");
 
document.write(texto);
 
 }
 

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:

var str = document.getElementById('mitexto');
 
if (str.length < 48) {
 
document.write(str);
 
}
 
 if (str.length > 48)  {
 
var texto = (str.substring(0,48)+"...");
 
document.write(texto);
 
 }
 

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

[maycolalvarez]

a lo sumo debes usar innerHTML

[zerokilled]

buenas,
getElementById no devuelve un string sino un objeto Element. por tanto, la operación que intentas hacer es inválida. una vez tengas la referencia del elemento, debes capturar el contenido de éste con cualquiera de las propiedades disponible en DOM. por ejemplo, innerHTML. a partir de ahí realiza la operación.

[Rockero777]

Iniciado por zerokilled

buenas,
getElementById no devuelve un string sino un objeto Element. por tanto, la operación que intentas hacer es inválida. una vez tengas la referencia del elemento, debes capturar el contenido de éste con cualquiera de las propiedades disponible en DOM. por ejemplo, innerHTML. a partir de ahí realiza la operación.

Gracias por responder, bueno, agregue el .innerHTML al js pero el resultado sigue igual,

hace unos dias que recien empiezo a programar con javascript, solo he aprendido lo basico, me das alguna ayuda T_T

[IsaBelM]

continua igual por que el elemento no estás cargado cuando se intenta leer su valor