Javascript 在iframe内参考d3中的div

Javascript 在iframe内参考d3中的div,javascript,iframe,d3.js,Javascript,Iframe,D3.js,我正在生成一个iframe,并用div和d3脚本填充它,以呈现其中的svg内容。 比如: 要编辑iframe主体,需要使用内容窗口属性。content Window属性返回由iframe元素生成的窗口对象(通过窗口对象,您可以访问文档对象,然后访问文档的任何一个元素) var-iframelementx=document.getElementById(“MyiframeID”), iframelementy=(iframelementx.contentWindow | | iframeleme

我正在生成一个iframe,并用div和d3脚本填充它,以呈现其中的svg内容。 比如:


要编辑iframe主体,需要使用内容窗口属性。content Window属性返回由iframe元素生成的窗口对象(通过窗口对象,您可以访问文档对象,然后访问文档的任何一个元素)

var-iframelementx=document.getElementById(“MyiframeID”),
iframelementy=(iframelementx.contentWindow | | iframelementx.contentDocument),
iframelementz=iframelementy.document.body;

var svg=d3.select(iframelementz)
尝试将变量设置为d3.select(#content frame“)主文档中的DOM与
iframe
中的DOM不同,CSS选择器不会遍历DOM边界。因此,您不能直接选择所需的元素。有关详细信息,请参阅。虽然此代码可能会解决问题,但请进一步解释此代码解决问题的原因和方式。此代码不适用于我-我遇到了一个跨源冲突错误…:(