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