Как обернуть / окружить выделенный текст элементом

Я хочу обернуть выделенный текст в контейнер div с диапазоном, возможно ли?

Пользователь выберет текст и нажмет кнопку, при событии нажатия кнопки я хочу обернуть этот выделенный текст элементом диапазона. Я могу получить выделенный текст с помощью window.getSelection () , но как узнать его точное положение в структуре DOM?