獲取在HTML中爲所選文本的精確參考

Question

讓我們假設我有在一個單一的<p>... </p>

當用戶選擇文本中的兩句話下面的文字，讓我們假設第一Quisque vestibulum選擇，我得到window.getSelection().toString();的選定文本，然後我應用一些CSS技巧，可以說我強調文本。

當用戶回來一個月後，我想再次爲相同的文字加下劃線。如何獲得所選文本的準確參考以供將來參考？我不想突出顯示秒Quisque vestibulum。

Lorem ipsum dolor sit amet，consectetur adipiscing elit。 Vestibulum在 多爾坐在amet augue tempor venenatis個人和nibh。 Donec dignissim fringilla fermentum。在facilisis consectetur risus。 Nam vel mauris magna，feugiat nisl。 Quisque vestibulum，neque eu tristique tristique，tortor mauris ornare magna，at ultricies augue orci sed enim。 Nulla magna ligula，dapibus vel commodo ac，sodales ut sem。 Duis lorem massa，consectetur sed molestie eget，posuere eu magna。 Pellentesque sollicitudin mattis facilisis。 Nunc pulvinar metus et diam dignissim sit amet pellentesque metus pretium。 Quisque vestibulum，maecenas vel leo 坐在amet diam iaculis sollicitudin。

Answer 1

您可以使用search（）或indexOf（）並存儲字符串的位置以及實際選定的文本。