把握无限
我Yao成为爻网会员|登录
一周统计
0
01/9
0
02/9
0
03/9
0
04/9
0
05/9
0
06/9
0
07/9
首页->文章
关键字:javascript 坐标
javascript获取或设置html元素的宽 高 坐标
发表时间:2010-03-09 00:00:00
作者:yao
访问量:379
编辑 新文章

 前提条件是当前元素必须设置为绝对定位。

<h2 id="id" style=" position: absolute">当前元素</h2>

设置:

    document.getElementById('id').style.width=value
    document.getElementById('id').style.height=value
    document.getElementById('id').style.top=value
    document.getElementById('id').style.left=value

 

获取:
 

    value=document.getElementById('id').offsetLeft
    value=document.getElementById('id').offsetTop
    value=document.getElementById('id').offsetWidth
    value=document.getElementById('id').offsetHeight

 

找一个元素的坐标:


function findPosition( oElement )
{
  var x2 = 0;
  var y2 = 0;
  var width = oElement.offsetWidth;
  var height = oElement.offsetHeight;
  alert(width + "=" + height);
  if( typeof( oElement.offsetParent ) != 'undefined' )
  {
    for( var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent )
    {
      posX += oElement.offsetLeft;
      posY += oElement.offsetTop;     
    }
    x2 = posX + width;
    y2 = posY + height;
    return [ posX, posY ,x2, y2];
   
    } else{
      x2 = oElement.x + width;
      y2 = oElement.y + height;
      return [ oElement.x, oElement.y, x2, y2];
  }
}

alert (findPosition(document.getElementById('id')));

名字 验证码 (点击图片更换)
您可以匿名发表讨论,但是您需要确认您发表的内容是有用并健康的。
鄂ICP备05006517号 访问许可和隐私条款