如何使用切换按钮使用JavaScript更改HTML视图

我想使用一个切换按钮来充当类似于暗/光模式功能的功能。但是，在我的例子中，我希望它在不刷新页面的情况下更改HTML视图

<div class='container'>
<h1 class='headertekst'>".$outlet." - ".$monthName." ".$choosen_date_year." Theoritical: </h1>
<label class='switch' for='view'>
<input type='checkbox' name='view' id='view' checked onclick='view()' >
<span class='slider round'>
</span>
</label>
</div>

---

我不确定您的意思，但请尝试使用

document.boy.innerHTML

属性来更改html正文。如果您有其他意思，请通知我

您可以更改html正文的颜色，如下所示：

function view() {
if (document.getElementById('view').checked) 
{
 document.body.style.backgroundColor =  'black';
} else {
 document.body.style.backgroundColor =  'white';
  }
}

---

一个更好的方法是创建一个暗类并从javascript中切换它<代码>document.body.classList.toggle（'dark'）

function view() {
if (document.getElementById('view').checked) 
{
 document.body.style.backgroundColor =  'black';
} else {
 document.body.style.backgroundColor =  'white';
  }
}