javascript - 未捕获的TypeError:无法读取null的属性“样式”

我的代码似乎有一个我不知道如何解决的问题。我对这些东西非常陌生，几乎不知道我在做什么。每次我运行代码时，都会弹出此错误。我试图使当您单击按钮时蓝色框消失。当您再次单击该按钮时，蓝色框再次出现，绿色框消失。这是我的代码：

<script type="text/javascript">
   function toggle_visibility(id1,id2){
   var e1 = document.getElementById(id1);
   var e2 = document.getElementById(id2);

   if (e1.style.visibility == 'hidden') {
      e1.style.visibility = 'visible';
      e2.style.visibility = 'visible';}
      else{
      e1.style.visibility = 'hidden';
      e2.style.visibility = 'hidden';
      }
      }
</script>
<div class="square" id="bluebox" style="visibility:visible"></div><br>
<div class="box" id="greenbox" style="visibility:visbible"></div><br>
<button onclick=" toggle_visibility(greenbox,bluebox)">Pls Work</button>

最佳答案

您需要在函数的参数中添加引号：

<button onclick="toggle_visibility('greenbox','bluebox')">Pls Work</button>

它们不是变量，而是字符串。

关于javascript - 未捕获的TypeError:无法读取null的属性“样式”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42143150/