不能更改显示样式

Question

我有两个div表单，想通过style.display从一个div切换到另一个div，但是它不起作用。 代码：

JavaScript

  function switchForm(){


      var x = document.getElementById("register")

      if(x.style.display === "none"){


    x.style.display ==="initialize";
  }

else{
  x.style.display === "none";
}

}

HTML

注册

Answer 1

要将值分配给变量，您需要使用一个等号（=）而不是三个。这是您的固定代码：

function switchForm(){

  var x = document.getElementById("register")

  if(x.style.display === "none"){

    x.style.display = "initialize";

  } else {

    x.style.display = "none";

  }
}

您还必须分配另一个变量：

function switchForm(){

  var x = document.getElementById("register")
  var y = document.getElementById("myOtherForm")

  if(x.style.display === "none"){

    x.style.display = "initialize";
    y.style.display = "none";

  } else {

    x.style.display = "none";
    y.style.display = "initialize";

  }
}