使用来自Javascript变量的值定位元素

时间:2011-07-04 22:41:09

标签: javascript html

如何定位元素,例如使用div&的值的x代码来自Javascript变量的y坐标?

2 个答案:

答案 0 :(得分:3)

如果您尝试将对象放在页面上的绝对x,y坐标中,只需将对象设置为position:absolute,然后将top和left的值设置为x和y。

HTML:

<div id="square" style="background-color: #777; height: 100px; width: 100px;"></div>

代码:

var s = document.getElementById("square");
s.style.position = "absolute";
var x = 100, y = 200;
s.style.left = x + "px";
s.style.top = y + "px";

您可以在此处查看有效的代码示例:http://jsfiddle.net/jfriend00/hhpDQ/

答案 1 :(得分:0)

我不确定您是否可以设置坐标,但您可以设置边距。像

这样的东西
$("#divid").css("margin-left" : "200px" , "margin-up" : "200px");