html——用普通javascript替换div

我在想办法替换子元素，在下面的代码中，我试图将child-div1替换为child-div2，然后将child-div-2替换为child-div-3，然后将3替换为1，以此类推，在我点击按钮时循环。（此代码是一个示例，在父div中的实际代码中，有4个其他div，每个div中有1个span元素。）

HTML代码示例：

            

                hello
            
        

                

                    world
                
            

                

                    test
                
            

JAVASCRIPT思想与实践；测验：

let parentDiv = document.getElementByClassName('parent-div');
let childOne = document.getElementById('child-div-1');
let childTwo = document.getElementById('child-div-2');
let childThree = document.getElementById('child-div-3');

function replaceContent() {
then I am stuck here;
}

我不知道如何设置：replaceChild（newChild，oldChild）；

谢谢你的帮助！