Javascript 如何调整js生成的iframe';它的高度是多少?

Javascript 如何调整js生成的iframe';它的高度是多少?,javascript,html,iframe,Javascript,Html,Iframe,我正在尝试调整iframe的高度以适应其内容。iframe将由JavaScript动态添加,这意味着JavaScript还必须处理元素的属性: 让iframe=document.createElement(“iframe”); iframe.src=”https://en.wikipedia.org/"; document.getElementById(“foo”).appendChild(iframe); iframe.onload=函数(){ iframe.style.height=“60

我正在尝试调整iframe的高度以适应其内容。iframe将由JavaScript动态添加,这意味着JavaScript还必须处理元素的属性:

让iframe=document.createElement(“iframe”);
iframe.src=”https://en.wikipedia.org/";
document.getElementById(“foo”).appendChild(iframe);
iframe.onload=函数(){

iframe.style.height=“600px”;//您好,当您在JSFIDLE中启动控制台时,您可以看到您有一个跨源问题。您应该看看这一点:我在我的项目中使用了相同的脚本(应该在同一个域上).Console没有显示任何错误,
仍然没有调整大小,我不知道为什么。我将看看是否可以在这个问题中添加一些与我的项目中的问题相关的代码。非常奇怪,我尝试了本地的代码示例,它对我有效。您使用哪种浏览器?您尝试过其他浏览器吗?如果可以,请尝试
console.log
iframe.contentWindow.document.body.scrollHeight
,结果是什么?如果我将它放在
iframe.onload
函数的顶部,它将返回0。在Firefox和Chrome@abvlle中都尝试过。我在本地环境中出现问题的原因是我试图使用JavaScript的
appendChild
并且当试图设置iframe的高度时,它无法获取内容的正确高度,因为javascript试图获取的iframe由于
appendChild
函数而没有内容。我本可以通过克隆来解决问题,但我尝试只在单个元素上使用appendChild她在一系列元素上表现得更出色(我的情况就是如此)。@abvlle你提供的信息帮助我弄明白了这一点。