Ich möchte eine Zeichenkette mit bis zu 10 Zeichen anzeigen können. Wenn die Zeichenfolge länger als 10 Zeichen ist, möchte ich '...' an das Ende anhängen.

Zum Beispiel, wenn ich die Zeichenfolge habe:

'helloworldmynameisryan'

Ich möchte, dass es so angezeigt wird:

'helloworld...'

Ich zeige nur meine Zeichenfolge in einer Div wie folgt:

<div>DisplayMessage</div>

Gibt es eine Klasse, die ich erstellen könnte, die nur zutreffen würde, wenn die Zeichenfolge mehr als 10 Zeichen hätte?