Javascript 切换Div'；它正在刷新

我在页面的顶部、中间和底部都有一个div。每次刷新页面时，我希望顶部和底部div切换，而不影响中间div。提前感谢您的回答

代码：

.top{
背景：浅粉红色；
填充：40px；
}
.内容{
背景：白色；
}
.底部{
背景：浅蓝色；
填充：40px；
}

1.
Lorem ipsum dolor sit amet，奉献精英。这是一个很好的例子，一个很好的例子，一个很好的例子，一个很好的例子！镨，乙酰胆碱。
2.

可以使用

会话存储和克隆div来完成

这样做的目的是获取克隆变量中每个div的副本，然后使用sessionStorage值在状态之间切换。如果
sessionStorage
值为0，则除了更改该值外，不会执行任何操作；如果值为1，则将删除div，然后按新顺序从克隆内容中添加它们

var divOne = document.querySelector('.top');
var divTwo = document.querySelector('.bottom');
var divOneClone = document.querySelector('.top').outerHTML;
var divTwoClone = document.querySelector('.bottom').outerHTML;
var divContent = document.querySelector('.content');

if (sessionStorage.getItem('refreshState')) {

    if (sessionStorage.getItem('refreshState') == 1) {

    divOne.parentNode.removeChild(divOne);
    divTwo.parentNode.removeChild(divTwo);
    divContent.insertAdjacentHTML('beforebegin', divTwoClone);
    divContent.insertAdjacentHTML('afterend', divOneClone);
    sessionStorage.setItem('refreshState', 0);

  } else {

    sessionStorage.setItem('refreshState', 1);

  }

} else {
    sessionStorage.setItem('refreshState', 0);
}

这里有一个有效的例子。
你还没有尝试过JS，你正在要求人们为你做这件事！！！交换值1和2是您需要的吗？