主页 / 问题 / 1003197
Accepted
Sergey
Asked:2020-07-16 05:49:48 +0000 UTC2020-07-16 05:49:48 +0000 UTC

是否可以将所有子元素移动到另一个元素并删除空的元素？

  • 772

我有一个元素

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

是否可以将所有子元素移动ul到div同时删除一个空元素，从而得到如下构造：

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

添加：需要将孩子添加到shadowRoot。目前适合我的选项不是使用 div 而是使用模板

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

在代码中，我会克隆和复制。

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

1 个回答

  1. Best Answer

    如果您完全采用您的标记，那么您可以这样做，例如，像这样：

    let div = document.querySelector('div');
document.querySelector('ul li').forEach(li => div.append(li));
document.querySelector('ul').remove()

    但是，使用 ID 而不是元素类型作为选择器肯定更安全......

    ---

    如果您对在浮动元素上失去听众感到满意，您也可以这样做：

    let div = document.querySelector('div');
let ul = document.querySelector('ul');
div.innerHTML = ul.innerHTML;
ul.remove()
    • 1

相关问题