Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript移动div?_Javascript - Fatal编程技术网

如何使用javascript移动div?

如何使用javascript移动div?,javascript,Javascript,我有一个div,文本在页面中央。当我点击div时,它应该被移动到页面上的任何地方,例如:上面的100px。如何操作?通过id检索元素,然后设置onclick处理程序。 然后可以按如下方式设置元素的位置: 阅读一些关于javascript的文档。你尝试过什么?你有密码吗?你看过任何教程吗?是的,为什么他们会投反对票。这显然是可行的。我没有投反对票,但我不会假设对代码有任何解释。只有一块砖和一把小提琴。该用户显然是新的,可能一些链接到文档的更多阅读将有助于。。。或者至少是一行一行地简要总结代码的功能

我有一个div,文本在页面中央。当我点击div时,它应该被移动到页面上的任何地方,例如:上面的100px。如何操作?

通过id检索元素,然后设置onclick处理程序。 然后可以按如下方式设置元素的位置:


阅读一些关于javascript的文档。你尝试过什么?你有密码吗?你看过任何教程吗?是的,为什么他们会投反对票。这显然是可行的。我没有投反对票,但我不会假设对代码有任何解释。只有一块砖和一把小提琴。该用户显然是新的,可能一些链接到文档的更多阅读将有助于。。。或者至少是一行一行地简要总结代码的功能
var element = document.getElementById('myDivId');
element.onclick = function(){
   element.style.position = "absolute";
   element.style.left = '100px';
   element.style.top = '100px';
}​