Javascript 如何将html元素从数组克隆到新的父元素

我有一个任务清单。我有一个问题，因为我不知道如何将元素从父级“优先级”移动到父级“标准”

我要移动的按钮代码为：

moveToStandardButton.addEventListener('click', function() {
    const allListElements = document.querySelectorAll('[data-id="move"]');
    for (let i = 0; i < allListElements.length; i++) {
        let toClone = allListElements[i].checked;
    }
})

moveToStandardButton.addEventListener（'click'，function（））{
const allListElements=document.querySelectorAll（'[data id=“move”]'）；
for（设i=0；i

---

toClone应该有用户检查的所有列表元素，然后在单击按钮后，它应该将这些元素移动到父“标准”。我曾经尝试过这样做，但我不能在toClone或toClone[I]中使用cloneNode。

如果您记录

toClone

，它可能是一个布尔值（true或false），因为它正在提取元素是否已选中

请尝试以下操作：

moveToStandardButton.addEventListener（'click'，function（））{
//获取数据id为move的所有元素
//我假设这些元素是需要移动的；）
const allListElements=document.querySelectorAll（'[data id=“move”]'）；
//遍历需要移动的元素
for（设i=0；i

所以在阅读您的问题后，我建议您观看或阅读一些有关JavaScript的指南。你有一些突出的问题，一旦你花时间学习，这些问题就会变得非常明显

也就是说，我可以帮你指出正确的方向

1） 不建议使用数据属性作为元素标识符。我宁愿使用类，而不是

data id=“move”

2） 您的行

let-toClone

是在for循环中定义的，其范围也是如此。在for循环之外，它将不可用

---

3） 尝试在for循环外创建一个数组，并将每个选中的元素存储在其中，然后在循环后对其进行操作。

好的，我明白这一点，但是如果我想克隆选中的元素并将其移动到另一个父元素，我该怎么办？@hvma411我已扩展了答案以包括这一点。