在页面加载时隐藏 DIV

Question

我试图在页面加载时隐藏一个 DIV 元素，然后单击立即购买按钮，然后加载 DIV 元素。现在它显示页面何时加载，点击时它隐藏，即使我在功能中切换“块”和“无”它仍然不起作用？谁能帮我在加载时隐藏它？

谢谢

显示和隐藏脚本：

  function showhide()
     {
     var div = document.getElementById("newpost");
    if (div.style.display !== "none") {
        div.style.display = "none";
    }
    else {
        div.style.display = "block";
    }
     }

DIV 元素：

<div id="newpost" class="hidden">

    Enter Your First Name:</td> <input type="text"  size="10">
    <br>
    Enter Your Surname: <input type="text"  size="10">
    <br>
    Enter Your Address: <input type="text"  size="10">
    <br>
    Enter Your E-mail: <input type="text"  size="10">
    <br>

    <input type="button" value="Submit Purchase" id="B1" onClick="final()">
</table>
            </div>

调用者：

        Basket: <input type="text" id="Total"  disabled="disabled" > <input type="button" value= "Purchase Now" onclick ="showhide()">  <input type="button" value= "Clear Basket" onclick ="showhide()">

Answer 1

我会使用 CSS 来隐藏它：

<html>
    <head>
        <title>...</title>
        <style type="text/css">
            #newpost {
                display: none;
            }
        <style>
    </head>
    <body>
        <!-- ...... -->
    </body>
</html>

这意味着您的 DIV 将默认隐藏（根据样式规则），并且您的函数将在调用时显示它。

您的其余代码应该没问题（请记住在单击时阻止单击“立即购买”按钮，这样就不会再次按下它，因此您的 DIV 将再次隐藏）。