JS的一些简单应用 —— 点击变色(1次)

最新推荐文章于 2023-11-09 19:06:18 发布

烟敛寒林o

最新推荐文章于 2023-11-09 19:06:18 发布

阅读量907

点赞数

分类专栏： ★ JavaScript

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

版权

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

26 篇文章 1 订阅

订阅专栏

★ JavaScript

20 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<style >
    div {
        width: 300px;
        height: 300px;
    }

    #test1 {
        background: green;
    }

    #test2 {
        background: red;
    }

</style>

<script >
    function ch() {
          var div = document.getElementById('test1');
          div.id = 'test2';
    }
</script>

    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <h1>特效是什么？</h1>
        <div id="test1" onclick="ch()"></div>
    </body>
</html>

点击图片前：
这里写图片描述

点击图片达到变色效果：
这里写图片描述

烟敛寒林o

关注

0
点赞
踩
0

收藏

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

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;style &amp;gt; div { width: 300px; height: 300px; } #test1 { background: green; } #test2 {
复制链接

扫一扫