javascript - 如何创建点击时的div元素？以及我点击的 appper 的 div

Question

我正在尝试使用 javascript 在单击时创建一个 div。我发现的所有代码都使用正文中已创建的 div。但我希望仅在单击时创建 div，并且可以按用户想要的次数创建。

document.body.onclick = function () {
    var i;
    i = document.createElement('div');
    i.style.height = "10px";
    i.style.width = "10px";
    i.style.backgroundColor = "black";
    document.body.appendChild(i);
}

Answer 1

由于正文中没有任何内容，并且默认情况下没有为body设置区域，因此您无法点击body。因此你的函数根本没有被调用。您可以设置正文的某些区域或使用 window.onclick:

window.onclick = function (e) {
  var i, left = e.clientX, top = e.clientY;
  i = document.createElement('div');
  i.style.left = left+ "px";
  i.style.top = top+ "px";
  i.style.position = "absolute";
  i.style.height = "10px";
  i.style.width = "10px";
  i.style.backgroundColor = "black";
  document.body.appendChild(i);
}