javascript - Xpath からテキストを取得して強調表示する

Question

E pub Reader を構築しようとしています。ユーザーが選択したテキストを強調表示することができ、その特定の選択したテキストの x パスを取得しています。その後、xパスをパラメーターとして受け取り、背景色を変更してユーザーが選択したテキストを表示する関数を構築しようとしています。しかし、それは機能していません。

コード：-

function uiWebview_restoreSelection() {
var selectionDetails = "/HTML[1]/BODY[1]/DIV[1]/text()[1]|910|/HTML[1]/BODY[1]/DIV[1]/text()[1]|930";
//alert("selectionDetails"+selectionDetails);
if (selectionDetails != null) {
    selectionDetails = selectionDetails.split(/\|/g);
    alert("selectionDetails" + selectionDetails);
    if (typeof window.getSelection != 'undefined') {
        var selection = window.getSelection();
        selection.removeAllRanges();
        var range = document.createRange();
        var selectionDetails0 = selectionDetails[0];
        alert("selectionDetails0" + selectionDetails0);
        selectionDetails0 = selectionDetails0.replace(/\//g, "/h:");
        selectionDetails0 = selectionDetails0.replace("h:t", "t");
        alert("selectionDetails0" + selectionDetails0);
        var selectionDetails2 = selectionDetails[2];
        alert("selectionDetails2" + selectionDetails2);
        selectionDetails2 = selectionDetails2.replace(/\//g, "/h:");
        selectionDetails2 = selectionDetails2.replace("h:t", "t");
        alert("selectionDetails2" + selectionDetails2);
        range.setStart(document.evaluate(selectionDetails0, document, nsResolver, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue, Number(selectionDetails[1]));
        range.setEnd(document.evaluate(selectionDetails2, document, nsResolver, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue, Number(selectionDetails[3]));
        document.designMode = "on";
        var newSpanMark = document.createElement("span");
        document.execCommand("HiliteColor", false, "red");
        range.insertNode(newSpanMark);
        document.designMode = "off";

    }
}
}

上記の問題について提案してください。

前もって感謝します