javascript - document.getElementById ("test").style.display ="hidden"不工作

Question

我想在单击提交按钮时隐藏我的表单。我的代码如下:

<script type="text/javascript">
    function hide() {
        document.getElementById("test").style.display = "hidden";
    }
</script>
<form method="post" id="test">
    <table width="60%" border="0" cellspacing="2" cellpadding="2">
        <tr style="background:url(../images/nav.png) repeat-x; color:#fff; font-weight:bold"
        align="center">
            <td>Ample Id</td>
            <td>Find</td>
        </tr>
        <tr align="center" bgcolor="#E8F8FF" style="color:#006">
            <td>
                <input type="text" name="ampid" id="ampid" value="<?php echo $_POST['ampid'];?>"
                />
            </td>
            <td>
                <input type="image" src="../images/btnFind.png" id="find" name="find"
                onclick="javascript:hide();" />
            </td>
        </tr>
    </table>
</form>

但是当我点击“查找”按钮时，那个特定的表单并没有被隐藏。

Answer 1

应该是

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

或

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

第二个选项将在表单最初出现的地方显示一些空白，而第一个选项不显示