Javascript 如何在Iframe内更改Iframe宽度?
我在包含子Iframe的网页中有一个Iframe。我想使用jquery更改子iframe宽度。 请注意,内部iframe没有id。 我该怎么做? (两个iFrame都来自我的域) 多谢各位Javascript 如何在Iframe内更改Iframe宽度?,javascript,jquery,iframe,Javascript,Jquery,Iframe,我在包含子Iframe的网页中有一个Iframe。我想使用jquery更改子iframe宽度。 请注意,内部iframe没有id。 我该怎么做? (两个iFrame都来自我的域) 多谢各位 <Iframe id="iframeDoc "> // some codes <Iframe> // another page codes </Iframe> </Iframe> 您可以使用来选择嵌套的iframe: let pageiF
<Iframe id="iframeDoc ">
// some codes
<Iframe>
// another page codes
</Iframe>
</Iframe>
您可以使用来选择嵌套的iframe:
let pageiFrame = document.getElementById('iframeDoc')
let nestediFrame = pageiFrame.contentWindow.document.getElementBySelector('iframe')
pageiFrame.style.width = '400px'
nestediFrame.style.width = '400px'
如果您的iframe位于不同的域上,这可能会很有用 尝试查看
Window.postMessage()
方法。您可以在iframe和窗口内使用它。addEventListener('message',messageHandlerFn)
外部
但是它只适用于在iframe之外修改源代码的情况。你也可以发布你的HTML结构吗?处理iframe的第一步是去掉它们。不仅有一个iframe,实际上还有嵌套的iframe@德里克:这是cms的一部分,我需要改变!您是否尝试将“Iframe”标记小写为“Iframe”标记?@3Dos:是的,它们都是小写的谢谢#iframeDoc不起作用,似乎已更改为iframeDoc。pageiFrame.style.width工作正常,但下一行似乎有错误,javascript无法运行!
let pageiFrame = document.getElementById('iframeDoc')
let nestediFrame = pageiFrame.contentWindow.document.getElementBySelector('iframe')
pageiFrame.style.width = '400px'
nestediFrame.style.width = '400px'