使用JavaScript编辑iFrame元素（相同域名）

Question

更新（带示例链接）

链接：https://brotherhoodgaming.net/（点击导航菜单＆gt; 设置＆gt; 配置文件设置）

我正在使用iFrame将我网站的另一页加载到我的索引页面。它应该都来自同一个域。当我的iFrame页面加载时，它还会加载主Nav Menu的副本。我想删除这个iFrame导航菜单，只是有一个填充内容的纯框架。

当用户点击按钮时，我的iFrame是使用javascript追加创建的。

$("#menuOverlay").append("<iframe id='iframeContact'' src='contact.php' width='300' height='100%' frameborder='0'></iframe>");

在创建iframe之后，我的JS应该删除框架内的导航菜单，但到目前为止它还没有工作。 （ UPDATED JS ）

$("#iframeContact").contents().find("#nav").remove();

有什么建议吗？我一直在寻找这个，推荐上面的JS，但我无法找到框架内的元素。这是因为我的框架是通过JS附加创建的，其他函数没有时间运行吗？

Answer 1

试试这个。删除类不会删除元素本身。只是元素上的类。假设你的所有选择器都是正确的，这应该可行。

它正在处理链接，但您需要确保在执行代码之前完全加载iframe。

var iframe = $("#iframeContact");
iframe.on("load",function ()
  {
    iframe.contents().find("#nav").remove();
  });