如何更改Div的位置，并在单击时将其恢复到以前的位置？

要更改Div的位置并在单击时将其恢复到以前的位置，可以使用JavaScript和CSS来实现。

首先，在HTML中创建一个Div元素，并为其添加一个唯一的ID，以便在JavaScript中引用它。例如：

<div id="myDiv">这是一个Div元素</div>

然后，在CSS中定义Div的初始位置。可以使用position属性来设置Div的定位方式，例如relative相对定位或absolute绝对定位。使用top和left属性来设置Div的初始位置。例如：

#myDiv {
  position: relative;
  top: 0;
  left: 0;
}

接下来，使用JavaScript来实现Div位置的更改和恢复。可以通过修改Div的style属性中的top和left值来改变其位置。例如，将Div向右移动100像素：

var myDiv = document.getElementById("myDiv");

function moveDiv() {
  myDiv.style.left = "100px";
}

function restoreDiv() {
  myDiv.style.left = "0";
}

myDiv.addEventListener("click", function() {
  if (myDiv.style.left === "0px") {
    moveDiv();
  } else {
    restoreDiv();
  }
});

在上面的代码中，moveDiv()函数将Div的left属性设置为"100px"，将其向右移动100像素。restoreDiv()函数将Div的left属性恢复为"0"，将其移回到以前的位置。通过为Div添加一个点击事件监听器，当Div被点击时，判断其当前位置，如果在初始位置则调用moveDiv()函数移动Div，否则调用restoreDiv()函数将其恢复到以前的位置。

这样，当你点击Div时，它将在初始位置和移动位置之间切换。