js实现点击一个div显示另一个div

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div onclick="showDiv()" style="background-color: #999;">点击显示另一个div</div>
        <div id="111" style="display:none;background-color: #7FFFD4;">点击后显示的div</div>
    </body>
    <script type="text/javascript">  
        function showDiv(){
            //获取要显示的div对象,并显示
        document.getElementById('111').style.display="block"; 
        }    

    </script>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_42630877/article/details/81458762