document.getElementById(“test”).style.display=“hidden” not working

Question

I want to hide my form when I click on the submit button. My code is as follows:

Answer 1

It should be either

document.getElementById("test").style.display = "none";

or

document.getElementById("test").style.visibility = "hidden";

Second option will display some blank space where the form was initially present , where as the first option doesn't