如何在 JavaScript 中交换两个图像？

有时候我们需要在网页上实现交换两个图像的效果。在 JavaScript 中，我们可以使用以下几种方法来实现。

方法一：使用中间变量交换

这种方法是比较常见的交换变量值的方式，我们可以将两个图像的 src 属性值存储在中间变量中，然后再将它们交换。代码如下：

var img1 = document.getElementById("img1");
var img2 = document.getElementById("img2");

// 将 img1 的 src 属性值存储在中间变量 temp 中
var temp = img1.src;
// 将 img2 的 src 属性值赋值给 img1 的 src 属性
img1.src = img2.src;
// 将中间变量 temp 的值赋值给 img2 的 src 属性
img2.src = temp;

方法二：使用数组交换

除了使用中间变量外，我们还可以使用数组来交换两个图像的 src 属性值。代码如下：

var img1 = document.getElementById("img1");
var img2 = document.getElementById("img2");

// 将 img1 和 img2 的 src 属性值存储在数组中
var temp = [img1.src, img2.src];
// 将数组元素交换
[temp[0], temp[1]] = [temp[1], temp[0]];
// 将数组中的值赋值给 img1 和 img2 的 src 属性
img1.src = temp[0];
img2.src = temp[1];

方法三：使用 ES6 的解构赋值交换

如果您正在使用 ES6，那么可以使用解构赋值交换两个图像的 src 属性值。代码如下：

var img1 = document.getElementById("img1");
var img2 = document.getElementById("img2");

// 使用解构赋值交换两个图像的 src 属性值
[img1.src, img2.src] = [img2.src, img1.src];

以上就是在 JavaScript 中交换两个图像的几种方法。您可以根据实际情况选择适合自己的方式实现。