如何互换两个按钮的背景色？

要互换两个按钮的背景色，可以通过以下步骤实现：

首先，需要获取到两个按钮的DOM元素。可以通过JavaScript中的document.getElementById()或document.querySelector()等方法获取到按钮的引用。
接下来，需要获取到两个按钮的背景色。可以使用element.style.backgroundColor属性来获取按钮的背景色值。
然后，将两个按钮的背景色进行互换。可以使用一个临时变量来存储其中一个按钮的背景色，然后将第一个按钮的背景色设置为第二个按钮的背景色，再将第二个按钮的背景色设置为临时变量中存储的背景色。
最后，更新按钮的样式，使互换后的背景色生效。可以使用element.style.backgroundColor属性将新的背景色值赋给按钮。

以下是一个示例代码：

// 获取按钮的引用
var button1 = document.getElementById('button1');
var button2 = document.getElementById('button2');

// 获取按钮的背景色
var bgColor1 = button1.style.backgroundColor;
var bgColor2 = button2.style.backgroundColor;

// 互换按钮的背景色
var tempColor = bgColor1;
button1.style.backgroundColor = bgColor2;
button2.style.backgroundColor = tempColor;

这样，两个按钮的背景色就会互相交换。你可以根据实际情况修改代码中的按钮引用和样式属性，以适应你的页面布局和需求。

注意：以上代码仅为示例，实际应用中可能需要考虑兼容性、事件绑定等其他因素。