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

图片.png

图片.png

   <!DOCTYPE html>  
    <html>  
        <head>  
            <title>点击按钮div变色.html</title>  
            <meta charset="utf-8" />  
        </head>  
        <body>  
            <!--点击改变当前div的颜色,所以要给onclick这个事件的函数传递当前的对象即可-->  
            <div style="width: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后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程微刊

进阶攻略|前端最全的框架总结

21550
来自专栏腾讯开源的专栏

提高iOS UI开发效率的解决方案QMUI iOS开源

QMUI 致力于提高各个平台的 UI 开发效率,目前 Web、iOS、Android 三个平台对应的框架均已在 Github 开源。 本文将着重介绍 QMUI...

26430
来自专栏开源优测

零基础实例掌握Selenium Python3

自从把电脑数据全部遗失后,业余在写,零基础学习Selenium Webdriver Python3系列,主要基于以下几个方面:

15420
来自专栏玉树芝兰

如何用Markdown轻松排版知乎专栏文章?

免费、便捷、高效的知乎专栏Markdown排版技巧。希望本文可以让你的写作过程也变得更愉悦。

27120
来自专栏非著名程序员

微信小程序优秀开发资源汇总

? 说实话,我最近大概有半年多再也没有敲过 Android 的代码了,所以对于 Android 方面的内容可能分享的比较少了,这半年一直在做微信小程序的开发,...

67140
来自专栏前端桃园

这么多移动开发的方式,传统方式写安卓、IOS 还有出路吗?

31760
来自专栏网络

网站在上线前要做好哪些准备工作?

无论是企业网站还是个人网站,一个网站在正式上线前都有许多事情需要做,只有把以下这些事情做好,才能保证后期的关键词排名,除非有一些简单的宣传网站(只在名片上出现,...

209100
来自专栏tkokof 的技术,小趣及杂念

游戏中的富文本

游戏中使用富文本并不少见,网上资料也有不少,就Unity而言,其也内建了一些对于富文本的支持,NGUI也对富文本有不少功能支持,如果游戏对富文本的需求有限,这些...

8920
来自专栏Jerry的SAP技术分享

推荐一个有趣的Chrome扩展程序-查看任意网站的开发技术栈

对于前端开发人员来说,目前的前端框架层出不穷,最受欢迎的莫过于所谓的前端框架三驾马车:Angular, React和Vue。在学习的过程中,肯定好奇现在的互联网...

12030
来自专栏性能与架构

为什么前端工程师越来越值钱?

前端工程师行情 下面是猎聘和拉勾上北京的前端工程师招聘信息截图 ? ? 行情是不是很不错 为什么值钱? 因为现在的前端开发工程师需要的技能越来越多了 ? 我所接...

388130

扫码关注云+社区

领取腾讯云代金券