У меня есть скрипт, который меняет цвет фона текста, который был выбран. Однако я сталкиваюсь с проблемой, когда текст выделен между несколькими элементами / тегами.

Код, который я получил:

var text = window.getSelection().getRangeAt(0);
var colour = document.createElement("hlight");
colour.style.backgroundColor = "Yellow";
text.surroundContents(colour);

И выводимая ошибка:

Error: The boundary-points of a range does not meet specific requirements. =
NS_ERROR_DOM_RANGE_BAD_BOUNDARYPOINTS_ERR
Line: 7

Я считаю, что это связано с функцией getRange (), хотя я не слишком уверен, как действовать, так как я новичок в JavaScript.

Есть ли другой способ, которым я могу повторить то, что я пытаюсь достичь?

Большое спасибо.