继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

前端切图|点击按钮div变色

RISEBY
关注TA
已关注
手记 309
粉丝 70
获赞 317

webp

图片.png

webp

图片.png

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

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



作者:祈澈菇凉
链接:https://www.jianshu.com/p/c4ca6dee44f6


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP