удалить родителя, не удаляя детей в ванили javascript

Question

Я прочитал этот вопрос , чтобы удалить родительский элемент без удаления дочерних, но он не работает, если дочерний узел имеет тип узла 3 (текст)

<div>
    <h1>
        <u>
            Hello world
            <i> How are you ? </i>
        </u>
    </h1>
</div>

Например, я хочу удалить тег <u> (родительский элемент Hello world текста типа узла и i), используя vanilla javascript.

После удаления тега u мне хотелось бы иметь:

<div>
    <h1>
        Hello world
        <i> How are you ? </i>
    </h1>
</div>

Answer 1

Ответ короткий

Использование ответа { ссылка } в этом вопросе , сначала переопределив логику c взятого родительского узла текстового узла.

function unwrap(node) {
    node = node.parentNode;
    node.replaceWith(...node.childNodes);
}