请问为什么我点击两次才能弹出第二个div框?

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        #y{

            width: 100px;

            height: 100px;

            background: red;

        }

        #e{

            width: 300px;

            height: 300px;

            background: gray;

            display: none;

        }

    </style>


    <script>

        window.onload=function(){

            var oY = document.getElementById('y');

            var oE = document.getElementById('e');

            oY.onclick=function(){

                if(oE.style.display=="none"){

                    oE.style.display="block";

                }

                else{

                    oE.style.display="none";

                }

            }

        }

    </script>

</head>

<body>

    <div id="y"></div>

    <div id="e"></div>


</body>

</html>

发现写在内联样式里面就能点击一次就有效。写在上面就第一次就要点击两次, 然后或者把none和block换一下,第一次就有效。这是为什么请问。

蛊毒传说
浏览 433回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript