上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

新人求教,如何在复杂的iframe嵌套中获取父元素

[复制链接]
  • TA的每日心情
    开心
    2024-1-27 11:40
  • 签到天数: 1 天

    [LV.1]初来乍到

    4

    主题

    6

    回帖

    24

    积分

    助理工程师

    积分
    24
    发表于 2024-2-9 20:41:15 | 显示全部楼层 | 阅读模式

    最近心血来潮,想做一个适配所有页面video的脚本扩展,在网页全屏时,遇到一点问题。在某些视频页面有比较复杂的iframe嵌套,而css代码只能在相应的iframe里面生效,想要实现网页全屏效果,需要给当前iframe的所有父元素修改样式,因此想请教一下跨域的情况下,如何获取当前iframe的父元素呢。如图:

    2024-02-09_202354.png

    当然也可以通过监听鼠标移入。然后修改当前video所有父元素的样式,但是频繁监听鼠标移入移出,可能性能消耗比较大,想请教一下大佬们,有没有其他更优雅的方式实现呢

  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    611

    主题

    4982

    回帖

    5855

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    5855

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2024-2-11 01:41:06 | 显示全部楼层
    我觉得可能可以通过postmessage相互沟通...
    但是更具体的想法没有
    感觉确实很复杂...
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-3-8 11:41
  • 签到天数: 2 天

    [LV.1]初来乍到

    22

    主题

    846

    回帖

    1347

    积分

    荣誉开发者

    积分
    1347

    荣誉开发者卓越贡献油中2周年生态建设者油中3周年挑战者 lv2

    发表于 2024-2-12 22:50:15 | 显示全部楼层
    https://bbs.tampermonkey.net.cn/thread-2895-1-1.html
    iframe向window.parent发消息,父级收到消息后,先获取所有iframe,再比对iframe.contentWindow与e.source是否相同即可。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2024-1-27 11:40
  • 签到天数: 1 天

    [LV.1]初来乍到

    4

    主题

    6

    回帖

    24

    积分

    助理工程师

    积分
    24
    发表于 2024-2-13 22:49:05 | 显示全部楼层
    cxxjackie 发表于 2024-2-12 22:50
    https://bbs.tampermonkey.net.cn/thread-2895-1-1.html
    iframe向window.parent发消息,父级收到消息后,先 ...

    ggnb!!!
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表