Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Iframe内更改Iframe宽度?_Javascript_Jquery_Iframe - Fatal编程技术网

Javascript 如何在Iframe内更改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的网页中有一个Iframe。我想使用jquery更改子iframe宽度。 请注意,内部iframe没有id。 我该怎么做? (两个iFrame都来自我的域)

多谢各位

<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'