javascript - 在 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

在 Firebug 中我可以看到 html <div id="header">

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

任何想法

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

Answer 1

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

iframe里面的东西很难够到，因为变成新窗口了，修改成这样:

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