切换三个div改变背景颜色

可以通过以下代码实现：

HTML部分：

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<button onclick="changeColor()">切换颜色</button>

CSS部分：

div {
  width: 100px;
  height: 100px;
  display: inline-block;
}

#div1 {
  background-color: red;
}

#div2 {
  background-color: green;
}

#div3 {
  background-color: blue;
}

JavaScript部分：

function changeColor() {
  var div1 = document.getElementById("div1");
  var div2 = document.getElementById("div2");
  var div3 = document.getElementById("div3");
  var tempColor = div1.style.backgroundColor;
  div1.style.backgroundColor = div2.style.backgroundColor;
  div2.style.backgroundColor = div3.style.backgroundColor;
  div3.style.backgroundColor = tempColor;
}

点击按钮后，JavaScript函数会将三个div的背景颜色进行循环切换。