javascript - 使用javascript在标签上不显示

Question

您好，我查看了 stackoverflow 来纠正我的错误，但找不到任何有帮助的答案，所以我希望我的标签在我单击标签时不显示，我希望在 ul 元素上显示 block ，ul 元素获取显示 block 但标签不这是我的代码:

var menuCheck = document.getElementById(checkBox);
var menuDims = document.getElementById(menuUl);
var labelUl = document.getElementById(labelUl);
        
function menuFunction() {
          
  menuDims.style.display="block";
  labelUl.style.display="none";
          
}

<nav class="menu">
  <checkbox id="checkBox"></checkbox> 
  <label for="checkbox" onclick="menuFunction()" id="labelUl">l</label>
  <ul id="menuUl">
    <li><a href="index.html">Forside</a></li>
    <li><a href="spil.html">Spil</a></li>
    <li><a href="an.html">Anmeldelser</a></li>
    <li><a href="#">Kontakt</a></li>
  </ul>
</nav>

Answer 1

修复:

var menuCheck = document.getElementById('checkBox');
var menuDims = document.getElementById('menuUl');
var labelUl = document.getElementById('labelUl');