Javascript 带html标记的范围文本选择

我对范围选择有问题，我看到一些ans在堆栈中溢出，我尝试了一些东西，但不起作用

问题

文本如下所示，其中包含带有html标记的文本

试验

函数应该只选择html标记中的文本

我试着跟随，但不起作用

function makeSelection() {
    var start = 3;
    var end = 9;
    var child = 2;

    var parent = document.getElementById('data');
    var range = document.createRange();
    range.setStart(parent.childNodes[child], start);
    range.setEnd(parent.childNodes[child], end);
    var sel = window.getSelection();
    sel.removeAllRanges();
    sel.addRange(range);   
}

将动态地向div添加html标记，值显示在中心，如

试验

该函数应仅选择文本测试。请提供一些意见来解决这个问题