在特定范围内插入标记 - 用于DOM树修改的算法

Question

我需要一种操作DOM树的算法。

例如，我有这个HTML代码：

<div>
    This is 
    <b>interesting</b> 
    <a href="...">
        con
        <i>tent</i>
    </a>
    . It 
    <i>can be</i> 
    edit by users
</div>

用户选择文字＆＃34; 是有趣的内容。它可以＆＃34;并按下网站上的按钮。按钮的事件 onClick 调用函数 insertTag（＆＃39; u＆＃39;）。

在此之后，HTML代码应如下所示：

<div>
    This 
    <u>is 
        <b>interesting</b> 
        <a href="...">
            con
            <i>tent</i>
        </a>
        . It 
    </u>
    <i>
        <u>can</u>
        be
    </i> 
    edit by users
</div>

insertTag（）函数应该做什么？我用Google搜索，但我没有找到解决此问题的任何示例和算法。