如何根据切换开关设置使元素消失

<input type="checkbox" id="toggleSwitch" onchange="toggleElementVisibility()">

<div id="elementToHide">要隐藏的元素</div>

<script>
function toggleElementVisibility() {
  var toggleSwitch = document.getElementById("toggleSwitch");
  var elementToHide = document.getElementById("elementToHide");
  
  if (toggleSwitch.checked) {
    elementToHide.style.display = "none";
  } else {
    elementToHide.style.display = "block";
  }
}
</script>

<input type="checkbox" id="toggleSwitch" onchange="toggleElementVisibility()">

<div id="elementToHide">要隐藏的元素</div>

<script>
function toggleElementVisibility() {
  var toggleSwitch = document.getElementById("toggleSwitch");
  var elementToHide = document.getElementById("elementToHide");
  
  if (toggleSwitch.checked) {
    elementToHide.style.visibility = "hidden";
  } else {
    elementToHide.style.visibility = "visible";
  }
}
</script>

<input type="checkbox" id="toggleSwitch" onchange="toggleElementVisibility()">

<div id="elementToHide">要隐藏的元素</div>

<script>
function toggleElementVisibility() {
  var toggleSwitch = document.getElementById("toggleSwitch");
  var elementToHide = document.getElementById("elementToHide");
  
  if (toggleSwitch.checked) {
    elementToHide.remove();
  } else {
    // 如果需要重新显示元素，可以使用以下代码：
    // document.body.appendChild(elementToHide);
  }
}
</script>