JS的一些简单应用 —— 边框点击变色

原本紫蓝色的框，为何点击方框内任意位置换成红色？

这里写图片描述

这里写图片描述

代码如下：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    <style>
        div{
            width: 300px;
            height: 100px;
            border: 1px solid blue;
        }
    </style>
    </head>
    <body>
    <div>
        <p>
            <ul>
                <li>
                    好
                </li>
            </ul>
        </p>
    </div>
    </body>

    <script>
    document.getElementsByTagName('div')[0].onclick = function () {
        this.style.border="1px solid red";
    }
    </script>
</html>
版权声明：本文为dyw_666666原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。