我正在尝试使用 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);
}
最佳答案
由于正文中没有任何内容,并且默认情况下没有为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);
}
关于javascript - 如何创建点击时的div元素?以及我点击的 appper 的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51233200/