Question

我有一个我在javascript库d3中制作的图表。它的大小取决于窗口的大小，如下所示：

var GUIWidth = window.innerWidth;
var GUIHeight = window.innerHeight;

这很好但是如果我想把这个图表放到另一个页面但是让它变小的话呢？我不想进入这里进行调整，我希望能够获得容器的大小并使用它的宽度和高度。

但是，在我的情况下，我不知道容器的ID（因为另一个人正在开发UI）。

如何获取保存图表的父div的ID（以及最好是宽度和高度）。

以下是示例代码：

var svg = d3.select("#interface") //this is my graphs container
    .append("div")
    .attr("id", "svgContainer")
    .attr("width", GUIWidth)
    .attr("height", GUIHeight);

这里interface是我的图表容器，但我想做这样的事情来获得宽度和高度：

var GUIWidth = $(parentOf('#interface')).innerWidth();
var GUIHeight = $(parentOf('#interface')).innerHeight();

这可能吗？

另外，我想坚持使用javascript / jquery这样做，因为我正在使用GUIWidth＆amp;我的代码中其他地方的GUIHeight变量用于确定其他div的大小:)

三江源

Answer 1

试过这个？

var GUIWidth = $('#interface').parent().innerWidth();
var GUIHeight = $('#interface').parent().innerHeight();

有没有办法在不知道其类名或ID的情况下选择父div？

1 个答案: