zoukankan      html  css  js  c++  java
  • 前端切图|点击按钮div变色

    5640239-00896ab65d6a9e35.png
    图片.png
    5640239-d687d235380c9230.png
    图片.png
     
       <!DOCTYPE html>  
        <html>  
            <head>  
                <title>点击按钮div变色.html</title>  
                <meta charset="utf-8" />  
            </head>  
            <body>  
                <!--点击改变当前div的颜色,所以要给onclick这个事件的函数传递当前的对象即可-->  
                <div style="300px;height:30px;padding-top:10px;background:#3bb4f2;" onclick="changeColor(this)">  
              开始
                </div>  
            </body>  
            <script>  
            //这个事件的目的是:当我们点击时要怎么处理  
                function changeColor(obj)  
                {  
                    //因为JS会把HTML标签当做一个对象  
                    //对象.属性 = 值;  
                    obj.style.background = 'pink';  
                }  
            </script>  
        </html>  
    

    本专题记录平时项目中一些最基础简单的实现代码和容易忽略的细节,仅仅是为了记录,对于自己来说,基础是最重要的,一个项目就是由无数的基础组成。

    原文作者:祈澈姑娘
    技术博客:https://www.jianshu.com/u/05f416aefbe1

    90后前端妹子,爱编程,爱运营,爱折腾。
    坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

  • 相关阅读:
    植物:吊兰
    植物:文竹
    理论:混沌理论
    图书-数学:《数学之美》
    调味品:味精
    linux查看文件大小df-du
    linux防火墙开启-关闭
    tomcat端口号、日志、启停
    chmod
    jdk-tomcat环境变量设置
  • 原文地址:https://www.cnblogs.com/wangting888/p/9701493.html
Copyright © 2011-2022 走看看