Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.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_Asp.net - Fatal编程技术网

Javascript 如何在运行时更改div的位置?

Javascript 如何在运行时更改div的位置?,javascript,asp.net,Javascript,Asp.net,我想在运行时更改div的位置。我有两个分区。id是Div1和Div2。 默认情况下,Div2为false。 每当用户单击div1 div2时,当用户在div2上按下鼠标向下键并拖动后,div2的位置就会改变。 位置将类似于光标位置。每当用户启动鼠标键时,div2s位置与光标位置相似。在排序中,当用户拖动corsor,然后div2自动拖动光标,并且用户停止拖动时,div2的位置与光标位置相同。 因此,如何仅使用java script.withot jquery将光标位置应用于div2位置。您可以通

我想在运行时更改div的位置。我有两个分区。id是Div1和Div2。 默认情况下,Div2为false。 每当用户单击div1 div2时,当用户在div2上按下鼠标向下键并拖动后,div2的位置就会改变。 位置将类似于光标位置。每当用户启动鼠标键时,div2s位置与光标位置相似。在排序中,当用户拖动corsor,然后div2自动拖动光标,并且用户停止拖动时,div2的位置与光标位置相同。
因此,如何仅使用java script.withot jquery将光标位置应用于div2位置。

您可以通过更改元素的样式属性来更改元素的位置和可见性

若要使元素不可见,请将其style.display属性从“块”更改为“无”

element.style.display=“无”;

若要四处移动图元,请更改其style.left和style.top属性。

element.style.left=leftVal+“px”;
element.style.top=topVal+“px”;


希望有帮助

这就是您想要的吗?
您能否向我们展示您到目前为止拥有的功能,并将其作为JSFIDLE托管。。这看起来像是你在要求某人对你的想法进行编码mind@Baz1nga因为它是以op描述的方式操作DOM元素的行业标准方法。它将节省几天,因为所有的基础都已经编码好了。