<div>使用JS的坐标 - 编程之家

如何解决<div>使用JS的坐标

| 我想获取一个的坐标，但是我不知道该怎么做。我尝试使用style.scrollTop，style.top，但无法检索任何内容...在我的函数posX = undefined和posXX == nada中谢谢您的帮助。码：

<html>
<title>
YOP
</title>

<head>
<style TYPE=\"text/css\"> 
<!--
  div.background{
    width:450px;
    height:450px;
    background:url(plasmid.jpg) no-repeat;
    border:2px solid black; 
  }

  div.transBox{
  top:0;
  left:0;
  width:150px;
  height:150px;
  margin:5px 5px;
  background-color:#ff0000;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  cursor: move;
  }

-->
</style>

<script type=\"text/javascript\" >    

function MoveIt(){

     obj = document.getElementById(\"arect\");

     posX = obj.style.scrollTop;
     posXX = obj.style.top;
     alert(\"x:\"+posX + \" xx:\"+posXX);     
}
</script>

</head>

<body bgcolor=\"white\" >

<div class=\"background\" id=\"MyDiv2\">  
  <div id=\"arect\" name=\"arect\" class=\"transBox\" onmousedown=\"MoveIt();\" >
  </div>           
</div>

   </body>
</html>

解决方法

这是一个棘手的问题，不同的浏览器实现起来非常不同，您可能必须考虑滚动和其他因素。我建议使用一个库（例如jQuery），他们已经为我们解决了x浏览器问题。