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

最新推荐文章于 2024-05-13 14:47:35 发布

烟敛寒林o

最新推荐文章于 2024-05-13 14:47:35 发布

阅读量6k

点赞数 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>

烟敛寒林o

关注

3
点赞
踩
12

收藏

觉得还不错? 一键收藏
打赏
1
评论
JS的一些简单应用 —— 边框点击变色

原本紫蓝色的框，为何点击方框内任意位置换成红色？代码如下：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;style&gt; div{ width: 300px;
复制链接

扫一扫