图片.png
图片.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
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習，寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持，我會繼續努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進行掃碼打賞哦