JavaScript - Texto visible de un DIV

<code>----------------------------------------------------
| This is my text inside a div and I want the overf|low of the text to be cut
----------------------------------------------------
</code>

Tenga en cuenta que quiero que se elimine el desbordamiento, por lo que la propiedad de elipsis de CSS no funcionaría para mí. Básicamente, quiero que el texto de arriba aparezca así:

<code>----------------------------------------------------
| This is my text inside a div and I want the overf|
----------------------------------------------------
</code>

¿Cómo es esto posible con JavaScript puro?

EDITAR

Necesito una función de JavaScript para recortar el texto porque necesito contar los caracteres del texto visible.

Respuestas a la pregunta(5)

Su respuesta a la pregunta