swst 2021-06-23 11:36 采纳率: 100%
浏览 32
已采纳

Javascript怎么获取iframe中字文档的元素

如题

在a.html中有如下iframe,初始display属性为none,并通过js实现点击切换display属性为block。

<div id="commodity_wrapper" class="iframe-wrapper" style="display: none">
  <iframe src="commodity_manage.html" ></iframe>
</div>

现在我想在b.html中通过id获取这个div,并实现点击将display再次设置为none。

我在网上查到的window.parent和window.opener貌似都不起作用。

目前不能实现功能的代码如下:

function toggle_invisible(id){
    let ele = window.parent.document.getElementById(id);
    ele.style.display = "none";
}

请问是我对这两个方法的用法有误,还是我应该用别的方法呢?

  • 写回答

3条回答 默认 最新

  • Null_Reference 2021-06-29 17:42
    关注

     

    //iframe向主页面传递事件//iframe页面
    window.parent.postMessage({refresh:'id'},'*');
    
    //主页面
    window.addEventListener('message',function(event){
         if(event.data.refresh){    //此处执行事件
        }
    })

    使用这种方式

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 poi合并多个word成一个新word,原word中横版没了.
  • ¥15 【火车头采集器】搜狐娱乐这种列表页网址,怎么采集?
  • ¥15 求MCSCANX 帮助
  • ¥15 机器学习训练相关模型
  • ¥15 Todesk 远程写代码 anaconda jupyter python3
  • ¥15 我的R语言提示去除连锁不平衡时clump_data报错,图片以下所示,卡了好几天了,苦恼不知道如何解决,有人帮我看看怎么解决吗?
  • ¥15 在获取boss直聘的聊天的时候只能获取到前40条聊天数据
  • ¥20 关于URL获取的参数,无法执行二选一查询
  • ¥15 液位控制,当液位超过高限时常开触点59闭合,直到液位低于低限时,断开
  • ¥15 marlin编译错误,如何解决?