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

最新推荐文章于 2024-03-17 16:02:45 发布

烟敛寒林o

最新推荐文章于 2024-03-17 16:02:45 发布

阅读量6.1k

点赞数 3

分类专栏： ★ JavaScript

本文链接：https://blog.csdn.net/dyw_666666/article/details/80375445

版权

JS笔记及简单应用同时被 2 个专栏收录

26 篇文章 1 订阅

订阅专栏

★ JavaScript

20 篇文章 1 订阅

订阅专栏

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

这里写图片描述

代码如下：

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