如何仅用javascript替换iframe源代码?

如何仅用javascript替换iframe源代码?,javascript,html,iframe,Javascript,Html,Iframe,我在这里寻找了解决方案,但似乎没有什么能奏效 我不是一名开发人员,但我正在努力学习更多关于前端开发的知识 目前,我为事件配置数字事件平台,因此我的知识目前仅限于html和css。我正在使用的平台是由另一家公司构建的现有平台,他们没有任何答案,只是我可以用自定义代码尝试一下 当前情况:该平台有展台,每个展台都有一个公共聊天室,这只是一个模态上的iframe。-->有1个展位参展商希望聊天不可见。所以我想一定有办法隐藏iframe,或者用about:blank来更改/替换源代码 第二个选项似乎是最好

我在这里寻找了解决方案,但似乎没有什么能奏效

我不是一名开发人员,但我正在努力学习更多关于前端开发的知识

目前,我为事件配置数字事件平台,因此我的知识目前仅限于html和css。我正在使用的平台是由另一家公司构建的现有平台,他们没有任何答案,只是我可以用自定义代码尝试一下

当前情况:该平台有展台,每个展台都有一个公共聊天室,这只是一个模态上的iframe。-->有1个展位参展商希望聊天不可见。所以我想一定有办法隐藏iframe,或者用about:blank来更改/替换源代码

第二个选项似乎是最好的,因为我想针对特定的聊天。我认为一定可以用Javascript实现

我在平台中唯一可以访问的是自定义CSS字段和自定义Javascript字段。

这是一个特殊的iframe,带有一个通用url(因为它是一个很长的url)


我希望有人能帮我解决这个问题

  • 您为iFrame提供的ID如下:
    • 使用属性选择器
      []
      (因为您没有任何可供参考的ID)确定元素的目标
    • 使用
      iframelement.src
      将src更改为所需的URI
    const EL_iframeTarget=document.querySelector(`[src=”https://chat.url"]`);
    EL_iframeTarget.src=”https://example.com";
    
    谢谢您的快速回答!问题是,我无法编辑html来添加ID。我只有一个自定义Javascript字段。好的,那么请看Roko C.Buljan的答案。这对你有用。
    <iframe style="width:100%;height:100%;border: 3px solid var(--colorMain);" src="https://chat.url"></iframe>
    
    <iframe id="iFrameID" style="width:100%;height:100%;border: 3px solid var(--colorMain);" src="https://chat.url"></iframe>
    
    
    document.getElementById('iFrameID').src = "some_other_URL";