У меня есть элемент
<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()
div > li