是否有一种方法可以使用Javascript检测所有祖先DOM元素的大小/缩放？

我有一个包含图表的DOM元素

<div id="plot1" class='plot-chart'></div>

这可以检测对整个浏览器窗口的任何更改，但也有可能在不操纵窗口本身的情况下更改DIV two或DIV three。Chart DIV是我正在创建的，可以放置在任何位置，因此在调整大小时从外部调用函数不是一个解决方案

为了简化问题，是否有任何方法可以检测对对象的任何父DIV的更改，以便我可以在内部调用函数？

因此简短的回答是“否”。但是，如果您可以控制这些容器div的大小调整情况，那么它们可以触发自定义事件（例如），您的图表可以监听这些事件并做出适当的反应

---

希望这有帮助

没有，但是你可以很容易地使用Twitter的引导来调整大小

---

你可以用这个

我正在尝试创建一个图表框架，因此图表对象（DIV）将不知道其周围环境，因此我无法从外部触发它。好吧，那么如果没有环境的帮助，除了轮询，你别无选择——这从来都不是一个好主意。我使用了一种轮询解决方案，它可能不优雅也不高效，但它可以在不严重影响性能的情况下完成任务。这看起来像是一种缩放div的方法，我已经有了一个自定义缩放/调整大小的方法来处理我的DIV。我正在寻找的是一种在父DIV发生任何更改时触发缩放/调整大小的方法。如果没有周围环境的帮助，您无法做到这一点。这就是为什么有些框架可以自动调整大小，而不用担心父/子div。

<div id="one" style="width:100%;height:100%;zoom:0.9;">
    <div id="two">
        <div id="three">
            <div id="plot1" class='plot-chart'></div>
            </div>
        </div>
    </div>
</div>

window.onresize