在 iframe 中找不到 div

Question

在产品升级到最新版本后，我必须解决一个问题。 html 已更改，因此 iframe 内应隐藏的对象现在可见。

我没有进行自定义以在 iframe 中显示产品，我不太了解它是如何工作的，但有人告诉我应该查看这个文件 iframeloader.aspx，特别是名为 function hideTitle() 的函数

我只能访问 iframe 的主应用程序。我可以编辑 iframeloader.aspx。我更新了原始的 hideTitle 函数，使其看起来

  function hideTitle() {         

      var ele = $('#contentFrame');
      ele.load(function() {
console.log("test")
      var menubar = $('#header');
          if (menubar) {
console.log("test2")    
console.log(document.getElementById("header").style.display);
console.log(menubar.html())
              menubar.css("display", "none");
          }
      });
  }

在控制台我可以看到这个

test - iframel...strator (line 700)
test2 - iframel...strator (line 704)
TypeError: document.getElementById(...) is null

在萤火虫中我可以看到 html <div id="header">

当页面加载时，我可以看到我想要隐藏的对象出现，然后是来自 console.log() 的消息

任何想法

• 如何隐藏#header 对象和
• 为什么 jQuery 和 javascript 找不到对象？

Answer 1

用这个隐藏它：$('#header').hide()

iframe 里面的东西很难够到，因为它变成了一个新窗口，用这个修改它：

$('some selector', frames['nameOfMyIframe'].document).doStuff();