javascript - 如何仅使用 javascript 替换 iframe 源？

Question

我在这里寻找解决方案，但遗憾的是似乎没有任何效果......

我不是开发人员，但我正在尝试了解更多有关前端开发的知识。

目前我为事件配置数字事件平台，所以我目前只了解 html 和 css。我正在使用的平台是另一家公司构建的现有平台，他们没有任何答案，除了我可以使用自定义代码进行尝试。

目前情况:该平台有展位，每个展位都有一个公共(public)聊天室，只是模态上的 iframe。 --> 有 1 个展位参展商希望聊天不可见。所以我认为必须有一种方法来隐藏该 iframe 或用 about:blank 更改/替换源。

第二个选项似乎是最好的，因为我想针对特定的聊天。我认为用 JavaScript 一定可以做到这一点。

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

这是特定的 iframe，具有通用 url(因为它是一个非常长的 url)

<iframe style="width:100%;height:100%;border: 3px solid var(--colorMain);" src="https://chat.url"></iframe>

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

Answer 1

• 使用属性选择器 [] 定位您的元素(因为您没有任何 ID 可供引用)
• 使用 IframeElement.src 将 SRC 更改为所需的 URI

const EL_iframeTarget = document.querySelector(`[src="https://chat.url"]`);
EL_iframeTarget.src = "https://example.com";

<iframe src="https://chat.url"></iframe>