如何获取网页上可见DOM元素的可视大小

Question

我正试图编写一个算法，试图将网页分割为其组件，如页脚，页眉，主要内容区域基于空间组织页。

我打算做的事情就是：使用Web浏览器

1. 首先呈现页面（说火狐）。
2. 然后检查浏览器

3. 生产从DOM模型我想获得以下DOM模型：

   一个。元素的大小（高度，宽度）（我喜欢实际大小 - 不仅仅是风格中所说的内容）

   b。元素在网页上的放置

   c。元素的Z索引。

对于这个问题的目的 - 我会很感激的帮助：3.A和3.B

感谢。

Answer 1

这取决于浏览器。下表显示了跨浏览器的方法：

http://www.csscripting.com/css-multi-column/dom-width-height.php

但是如果你只是使用Firefox比你使用Firefox处理代码/ JavaScript的。你也可以查看Firebug的源代码，看看它是如何计算宽度/高度/ z-索引。

Answer 2

我想你想要的是：offsetWidth，offsetHeight，offsetTop和offsetLeft。

Answer 3

offsetWidth\offsetHeight是你想要的得到元素尺寸：

https://developer.mozilla.org/en/DOM/element.offsetWidth

offsetTop\offsetRight可能你要查找的对象的位置是什么：

http://www.quirksmode.org/js/findpos.html