如何获取 JavaScript 中多行文本的单个指定行的最后一个字符？

Question

Let's say I have a multiline text that fills some <div> element. Is it possible, and if so – how – to get the last character of a specified line?

For example after wrapping inside a div a text becomes:

Lorem ipsum dolor sit amet
consectetur adipiscing elit
Aenean dignissim convallis
lorem ut rhoncus. Duis metus
nulla, aliquet quis pharetra.

I am interested in what is the last character of the line 4 which is the letter "s". Or I am interested in 3 last characters of the same line, which reads "tus".

But how could I find this in JS?

What is more – how could I style those returned letters?

EDIT

No, I can not put that into an array. The div is of unknown size (responsive) and thus I have no a priori idea where the line breaks appear.

Answer 1

Simply you can put these lines in an array and then loop through the lines and get required number of characters.

Here I am getting line-4's last 3 characters where variable line and numberOfChars indicate line number and required number of characters from last respectively.

 let array = [ "Lorem ipsum dolor sit amet", "consectetur adipiscing elit", "Aenean dignissim convallis", "lorem ut rhoncus. Duis metus", "nulla, aliquet quis pharetra." ] let line = 4; let numberOfChars = 3; array.forEach((item, index) => { if (index+1 === line) { console.log(item.slice(-numberOfChars)); } });