Есть ли возможность переместить все дочерние элементы в другой элемент и удалить пустой?

У меня есть элемент

<ul>
 <li></li>
 <li></li>
 <li></li>
</ul>
<div></div>

Есть ли возможность переместить все дочерние элементы ul в div при этом удалить пустой элемент, чтобы получилась такая конструкция:

<div>
     <li></li>
     <li></li>
     <li></li>
</div>

Дополнения: требуется добавить children в shadowRoot. Вариант который меня устроил в данный момент использовать не div а template

<template>
         <li></li>
         <li></li>
         <li></li>
</template>

Дальше в коде делаю clone и копирую.

     let clone = document.importNode(el.content, true);
     el.parentNode.shadowRoot.appendChild(clone)
     el.remove()