启用暗模式时更改iframe源，禁用暗模式时更改iframe源

问题描述

目标：我想在激活onclick="toggleDarkMode()时更改iFrame的源，并在禁用onclick="toggleDarkMode()时更改iFrame的源。

问题：当onclick="toggleDarkMode()激活为“ //www.twitch.tv/embed/yaydank/chat？时，我当前的“黑暗模式”按钮仅更改一次iFrame源。 parent = icelz.s3.amazonaws.com＆darkpopout”。然后，当我再次单击它时，它不会将源更改回“ //www.twitch.tv/embed/yaydank/chat?parent=icelz.s3.amazonaws.com&popout”。如果有人可以帮助我解决这个问题，我将不胜感激。预先谢谢你。

页面加载时我当前的默认iframe代码：

<iframe id="myFrame" src="//www.twitch.tv/embed/yaydank/chat?parent=icelz.s3.amazonaws.com&popout" frameborder="0" scrolling="no" height="100%" width="100%"></iframe>

我当前的JavaScript代码，当激活onclick="toggleDarkMode()时，它会更改iframe的来源：

<script>
function myFunctionDark() {
    document.getElementById("myFrame").src = "//www.twitch.tv/embed/yaydank/chat?parent=icelz.s3.amazonaws.com&darkpopout";

}
</script>

这是我当前的“黑暗模式”按钮，它会触发“ toggleDarkMode”和“ myFunctionDark”功能：

<i class="material-icons dropdown-toggle" onclick="toggleDarkMode();myFunctionDark()" data-tooltip="Dark Mode" data-tooltip-pos="left">wb_sunny</i>

LIVE LINK WHERE THE PROBLEM IS PRESENT （“黑暗模式”按钮位于右上角”）

解决方法

您始终在执行myFunctionDark（），它只会将聊天设置为黑暗。尝试像这样设置内部条件：

android.app.Activity