Javascript功能无法按预期工作

Question

我遇到以下JS函数的问题：

function toggleSortierung() {
  var form =document.getElementById("sortieren_form");
  if(form.style.display=="none") {
    document.getElementById("sortieren_form").style.display="block";
  }
  else {
    document.getElementById("sortieren_form").style.display="none";
  }
}

这样可以打开和关闭表单的可见性。默认情况下，表单不可见。该功能已集成到链接中：

<a href="javascript:toggleSortierung()">Sortierung:</a>

该功能实际上有效，但第一次点击链接时什么都不做，虽然它应该使表单可见。第一次单击后，该功能按预期工作，因此只会妨碍顺畅的可用性。

Answer 1

在表单元素中放置一个内联样式display：none ..这样在第一次单击时它将返回form.style.display为无

Answer 2

当你的应用程序激活时，form.style.display ==“none”会返回false，因为它尚未设置。首先需要在调用函数之前设置属性，然后它应该第一次正常工作。