如何更改iframe内的Iframe宽度？

问题描述：

我在包含子iframe的网页中有一个Iframe。我想使用jquery更改子iframe宽度。请注意，内部iframe没有id。我该怎么做？（包括iframe会从我的域）如何更改iframe内的Iframe宽度？

三江源非常

<Iframe id="iframeDoc "> 
    // some codes 
    <Iframe> 
    // another page codes 

    </Iframe> 
</Iframe>

我尝试了这些代码，但没有一个人没有工作！

$('#iframeDoc > iframe').width("400px"); 

$('#iframeDoc iframe').width("400px"); 

$('#iframeDoc').contents().find("iframe").width("400px");

你也可以发布你的HTML结构吗？ – BenM

处理iframes的第一步是*摆脱它们*。不仅你有一个iframe，事实上你有*嵌套* iframe！ –

@Derek：它是我需要改变的cms的一部分！ – Saeid

答

你可以使用contentWindow选择嵌套iframe：

let pageiFrame = document.getElementById('iframeDoc') 
let nestediFrame = pageiFrame.contentWindow.document.getElementBySelector('iframe') 

pageiFrame.style.width = '400px' 
nestediFrame.style.width = '400px'

thankyou #iframeDoc不工作，似乎更改为iframeDoc。 pageiFrame.style.width工作正常，但下一行似乎有错误和JavaScript不运行！ – Saeid

答

如果您的IFRAME位于不同的域 - 这可能是有用的。

试着研究Window.postMessage()方法。你可以在你的iframe中使用它，并且可以在外部使用它。

但它只适用于您有可能修改iframe外部来源的情况。

如何更改iframe内的Iframe宽度？

相关推荐