我有一个在 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
和 GUIHeight
变量来确定其他元素的大小分区 :)
谢谢
最佳答案
试过这个吗?
var GUIWidth = $('#interface').parent().innerWidth();
var GUIHeight = $('#interface').parent().innerHeight();
关于javascript - 有没有办法在不知道类名或 ID 的情况下选择父 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30352924/