Hello, World!
This is some sample content.
在HTML和JavaScript中,可以使用以下代码来实现:
HTML:
Hello, World!
This is some sample content.
JavaScript:
function changeMode() {
var elem = document.getElementById("content");
var toggle = document.getElementById("dark-mode-toggle");
if (toggle.checked) {
elem.classList.remove("bg-light");
elem.classList.add("bg-dark");
elem.classList.add("text-white");
} else {
elem.classList.remove("bg-dark");
elem.classList.remove("text-white");
elem.classList.add("bg-light");
}
}
当切换暗模式开关时,changeMode()
函数将被触发。它首先获取元素#content
和开关#dark-mode-toggle
,然后根据开关的状态添加或删除适当的 Bootstrap 类来改变背景和文本颜色。
需要注意的是,这只是一个示例代码。您可能需要修改它来适应您的网站或应用程序的特定需求。