获得网页元素的坐标以及大小

于 2010-12-03 16:42:16 发布 · 223 阅读

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种用于获取网页中元素位置的方法，包括元素的左、上、宽度和高度等属性。该方法适用于不同浏览器环境，并提供了兼容解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


region = function(o){
    var x = 0,y = 0,w = 0,h = 0;
    switch(o.length){
      case 1:
        var r = region([]);
        var m = o[0];
		var e = o[0];
        w = m.offsetWidth;
        h = m.offsetHeight;
        if (m.getBoundingClientRect) {
			x = m.getBoundingClientRect().left + r.x - $([]).documentElement.clientLeft;
			y = m.getBoundingClientRect().top + r.y - $([]).documentElement.clientTop;
		}
		else {
			for (; m; x += m.offsetLeft, y += m.offsetTop, m = m.offsetParent);
			for (var e = e.parentNode; e && e != document.body; e = e.parentNode) {
				if (e.scrollTop) y -= e.scrollTop;
				if (e.scrollLeft)x -= e.scrollLeft;
			}
		}
        break;
      default:
        x = Math.max($([]).documentElement.scrollLeft,$([]).body.scrollLeft);
        y = Math.max($([]).documentElement.scrollTop,$([]).body.scrollTop);
        w = $([]).documentElement.clientWidth;
        h = $([]).documentElement.clientHeight;
    }
    return {'x':x,'y':y,'width':w,'height':h};
  }