Question

我想得到一个坐标，但我不知道该怎么做。我尝试使用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>

Answer 1

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

使用JS </div>的<div>的坐标

1 个答案: