                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

為什么我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

源自：JavaScript入門篇

關注問題我要回答

565

操作

收起

2 回答

帥落的菠蘿提問者
2016-03-12

求解?。。。?/p>

0 回復有任何疑惑可以回復我~

收起回答

帥落的菠蘿提問者
2016-03-12

<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>