无法在javascript中正确更改父元素

无法在javascript中正确更改父元素,javascript,html,Javascript,Html,我有两个div元素,在第一个元素中我放了三个按钮。这是密码 它工作正常,但问题是在复位按钮,它应该移动所有的按钮,以开始div当我按下它只是移动2个元素回到开始div。什么可以是一个问题 功能元素{ 让newParent=document.querySelector'favorites'; newParent.appendelement; } 功能复位{ 让startingDiv=document.querySelector'startingArea'; 让FavoritesDiv=docum

我有两个div元素,在第一个元素中我放了三个按钮。这是密码

它工作正常,但问题是在复位按钮,它应该移动所有的按钮,以开始div当我按下它只是移动2个元素回到开始div。什么可以是一个问题

功能元素{ 让newParent=document.querySelector'favorites'; newParent.appendelement; } 功能复位{ 让startingDiv=document.querySelector'startingArea'; 让FavoritesDiv=document.querySelectorFavorites; var children=FavoritesDiv.children;
forvar i=0;i您可以使用以下代码执行重置功能,并且应该可以正常工作:

function reset(){
    let startingDiv = document.querySelector('#startingArea');  
    let favouritesDiv = document.querySelector("#favourites");

    while(favouritesDiv.firstChild) {
        startingDiv.append(favouritesDiv.firstChild);
    }
}

您可以将以下代码用于重置功能,该功能应能正常工作:

function reset(){
    let startingDiv = document.querySelector('#startingArea');  
    let favouritesDiv = document.querySelector("#favourites");

    while(favouritesDiv.firstChild) {
        startingDiv.append(favouritesDiv.firstChild);
    }
}

您需要将从children属性获得的HTMLCollection转换为标准数组,它可以工作:

var starter = document.querySelector('#startingArea');  
var childrenCollection = document.querySelector("#favourites").children; 
var children = Array.prototype.slice.call(childrenCollection);

for(var i=0;i<children.length;i++){
    starter.append(children[i]);
}

您需要将从children属性获得的HTMLCollection转换为标准数组,它可以工作:

var starter = document.querySelector('#startingArea');  
var childrenCollection = document.querySelector("#favourites").children; 
var children = Array.prototype.slice.call(childrenCollection);

for(var i=0;i<children.length;i++){
    starter.append(children[i]);
}

用一种简单的方法,你可以这样做

function reset() {
            let startingDiv = document.querySelector('#startingArea');
            let favouritesDiv = document.querySelector("#favourites");
            startingDiv.innerHTML = favouritesDiv.innerHTML;
            favouritesDiv.innerHTML = "";
        }

用一种简单的方法,你可以这样做

function reset() {
            let startingDiv = document.querySelector('#startingArea');
            let favouritesDiv = document.querySelector("#favourites");
            startingDiv.innerHTML = favouritesDiv.innerHTML;
            favouritesDiv.innerHTML = "";
        }

在一个单独的全局变量中设置起始div的默认模式,而不是在重置时将收藏夹的innerHTML属性设置为空,并将起始div设置为全局变量的值。在一个单独的全局变量中设置起始div的默认模式,而不是在重置时将收藏夹的innerHTML属性设置为空s为空,并将起始div设置为全局变量的值。