Question

我试图在页面加载时隐藏DIV元素，并且在现在购买按钮后单击，然后加载DIV元素。现在它显示页面加载和点击时隐藏，即使我切换＆＃34;块＆＃34;和＆＃34;无＆＃34;在功能周围，它仍然无法正常工作？任何人都可以帮我隐藏它吗？

由于

Show＆amp;隐藏脚本：

  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将默认隐藏（根据样式规则），并且您的函数将在调用时显示。

其余的代码应该可以正常运行（请记住阻止点击＆＃34;立即购买＆＃34;按钮，点击它以便再次按下它，因此，您的DIV将再次隐藏）。

在页面加载时隐藏DIV

1 个答案: