js查询iframe中的iframe

可以使用以下两种方法查询iframe中的iframe：

1.通过frames属性和索引值来获取iframe中的iframe，代码如下：

    var iframe = document.getElementsByTagName('iframe')[0];
    var innerIframe = iframe.contentWindow.frames[0];

这里假设外层iframe的索引值为0，内层iframe的索引值也为0。

2.通过querySelector方法来获取iframe中的iframe，代码如下：

    var iframe = document.querySelector('iframe');
    var innerIframe = iframe.contentDocument.querySelector('iframe');

这里假设外层iframe和内层iframe都只有一个，如果有多个需要根据具体情况修改选择器。

相关问题

js查询iframe中的iframe跨域

要查询iframe中的iframe跨域，需要使用postMessage方法进行通信。具体步骤如下：

// 在父窗口中
var childIframe = document.getElementById('childIframe').contentWindow;
childIframe.postMessage('message', 'http://childIframe.com');

// 在子窗口中
window.addEventListener('message', function(event) {
  if (event.origin !== 'http://parent.com') return;
  console.log(event.data);
});

首先，在父窗口中获取子窗口的window对象，然后使用postMessage方法向子窗口发送消息。在子窗口中，监听message事件，判断消息来源是否为父窗口，然后获取消息内容。

需要注意的是，postMessage方法中的第二个参数是子窗口的域名，必须与子窗口的实际域名一致，否则会被浏览器拦截。

js 打印iframe中的内容

如果你想打印一个 `<iframe>` 中的内容，可以通过以下步骤实现：

1. 获取 `<iframe>` 元素的引用。你可以使用 `document.getElementById()` 或 `document.querySelector()` 方法来获取 `<iframe>` 元素的引用。

2. 等待 `<iframe>` 中的内容加载完成。你可以监听 `<iframe>` 元素的 `load` 事件来确保内容已经加载完成。

3. 获取 `<iframe>` 中的文档对象。你可以使用 `<iframe>` 元素的 `contentDocument` 属性来获取 `<iframe>` 中的文档对象。

4. 获取需要打印的内容。你可以使用文档对象的 `getElementById()` 或 `querySelector()` 方法来获取需要打印的内容。

5. 使用 `window.print()` 方法打印内容。在打印之前，你可以对需要打印的内容进行一些样式或者格式的修改。

以下是一个示例代码：

// 获取 <iframe> 元素的引用
const iframe = document.getElementById('my-iframe');

// 等待内容加载完成
iframe.addEventListener('load', () => {
  // 获取文档对象
  const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

  // 获取需要打印的内容
  const content = iframeDoc.getElementById('print-content');

  // 修改样式或格式

  // 打印内容
  window.frames['my-iframe'].focus();
  window.frames['my-iframe'].print();
});

需要注意的是，由于浏览器的安全限制，你只能打印来自同一域名下的 `<iframe>` 中的内容。如果 `<iframe>` 中的内容来自不同的域名，你将无法访问其文档对象。