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

时间 2019-11-13

标签前端点击按钮 div 变色栏目 CSS 繁體版

原文原文链接

图片.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>

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

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

90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工做中遇到的技术问题，坚持记录工做中所所思所见，欢迎你们一块儿探讨交流。程序员

文末福利：关注「编程微刊」公众号，在微信后台回复「领取资源」，获取IT资源200G干货大全。公众号回复“1”，拉你进程序员技术讨论群编程