问答详情
源自：-

为什么我if语句一直判定else 是这个条件错了么

<style>

    #test{

    display:none;

    width:120px;

    height:50px;

    border:1px solid blue;

    }

    #tesy{

    display:none;

    width:120px;

    height:50px;

    border:1px solid red;

    }

    #tesx{

    display:none;

    width:120px;

    height:50px;

    border:1px solid green;

    }

</style>

</head>


<body>

     <div id="test">1</div>

     <div id="tesy">2</div>

     <div id="tesx">3</div>

     <button onclick="sayHello()">点我！</button>


    <script type="text/javascript">

       function sayHello()

       {

                var test1=document.getElementById("test");

                var test2=document.getElementById("tesy");

                var test3=document.getElementById("tesx");

                  if(test1.style.display=="none")

                {

                  test1.style.display="block";

                }

                else

                {

                   test2.style.display="block";

                }

         }

    </script>

    </body>

</html>


提问者：帅落的菠萝 2016-03-12 21:15

个回答

  • 帅落的菠萝
    2016-03-12 22:02:30

    求解啊！！！

    0
  • 帅落的菠萝
    2016-03-12 21:24:43

    <style>
    #test{
    display:none;
    width:120px;
    height:50px;
    border:1px solid blue;
    }
    #tesy{
    display:none;
    width:120px;
    height:50px;
    border:1px solid red;
    }
    #tesx{
    display:none;
    width:120px;
    height:50px;
    border:1px solid green;
    }
</style>
</head>

<body>
     <div id="test">1</div>
     <div id="tesy">2</div>
     <div id="tesx">3</div>
     <button onclick="sayHello()">点我！</button>

    <script type="text/javascript">
       function sayHello()
       {
                var test1=document.getElementById("test");
                var test2=document.getElementById("tesy");
                var test3=document.getElementById("tesx");
                  if(test1.style.display=="none")
                {
                  test1.style.display="block";
                }
                else
                {
                   test2.style.display="block";
                }
         }
    </script>
    </body>
</html>


    0