javascript - 如何在特定坐标中定位DIV？(How to position a DIV in a specific coordinates?)

Question

I want to position a DIV in a specific coordinates ?(我想将DIV放在特定的坐标中？)

How can I do that using Javascript ?(我怎么能用Javascript做到这一点？)   ask by Adham translate from so

Answer 1

Script its left and top properties as the number of pixels from the left edge and top edge respectively.(将其left和top属性分别编写为左边缘和上边缘的像素数。)

It must have position: absolute;(它必须有position: absolute;)

var d = document.getElementById('yourDivId');
d.style.position = "absolute";
d.style.left = x_pos+'px';
d.style.top = y_pos+'px';

Or do it as a function so you can attach it to an event like onmousedown(或者将其作为一个函数执行，以便将其附加到onmousedown事件上)

function placeDiv(x_pos, y_pos) {
  var d = document.getElementById('yourDivId');
  d.style.position = "absolute";
  d.style.left = x_pos+'px';
  d.style.top = y_pos+'px';
}