JavaScript - widoczny tekst DIV

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

Proszę zauważyć, że chcę, aby przepełnienie zostało usunięte, więc właściwość elipsy CSS nie działa dla mnie. Więc w zasadzie chcę, aby powyższy tekst wyglądał następująco:

----------------------------------------------------
| This is my text inside a div and I want the overf|
----------------------------------------------------

Jak to możliwe dzięki czystemu JavaScriptowi?

EDYTOWAĆ

Potrzebuję funkcji JavaScript, aby przyciąć tekst, ponieważ muszę policzyć znaki widocznego tekstu.