javascript - html の範囲を更新する

Question

重複の可能性:
Javascript を使用して選択したテキストの CSS を変更する

多くの要素にまたがるテキストの強調表示

if (window.getSelection) {
    userSelection = window.getSelection();
    if (userSelection.getRangeAt) {
        var range = userSelection.getRangeAt(0);
    } else {
        var range = document.createRange();
        range.setStart(userSelection.anchorNode, userSelection.anchorOffset);
        range.setEnd(userSelection.focusNode, userSelection.focusOffset);
    }
}

var newNode = document.createElement("span");
newNode.setAttribute('style', 'background-color:yellow');

range.surroundContents(newNode);

これは、次のような同じタグ内のテキストの場合に機能します

スパンは選択したテキストを囲むインラインブロック要素であるため、選択したテキストにも他のタグが含まれている場合の有効な解決策を見つけることができません..

iPadのサファリブラウザでやろうとしています。

DOM要素を解析する必要がありますか?それはいくつかのケースで構成されていると思います.