使用JavaScript修改当前选定的文档片段无效

Question

我想使用范围对象突出显示单词appl<strong>e，但我无法这样做，因为该单词包含strong标记而span标记无法包含单词其中包含标签。

<strong>This is appl</strong>e

为了突出显示，我在选择单词后使用了以下代码：

var range = window.getSelection().getRangeAt(0);
word = range.cloneContents();
range.deleteContents();
span = document.createElement('SPAN');
span.style.background = 'pink';
span.appendChild(word);
range.insertNode(span);

问题

如何在上面的例子中突出显示'apple'？