<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head> <body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button> <script>
// 先得到所有按钮,将里面每个按钮遍历出来,分别给每一个按钮添加点击
// 事件,先在事件处理函数中把所有的样式干掉,然后在设置自己的样式
var btn = document.getElementsByTagName("button")
for (let i = 0; i < btn.length; i++) {
btn[i].onclick = function () {
console.log(i);
for (let j = 0; j < btn.length; j++) {
btn[j].style.backgroundColor = ""
}
btn[i].style.backgroundColor = 'pink'
}
}
</script>
</body> </html>

最新文章

  1. js 小数相加
  2. yii基础应用目录结构
  3. 把所有特权给root &#39;%&#39;所有IP
  4. Android FloatingActionButton(FAB) 悬浮按钮
  5. think in java 读书笔记 2 —— 套接字
  6. linux下安装svn
  7. hdu 5265 pog loves szh II
  8. ASP.NET MVC如何实现自定义验证(服务端验证+客户端验证)
  9. SQL按照日、周、月、年统计数据
  10. C++动态二维数组的创建
  11. select选项改变时获取选中的option的值
  12. 网页解析的全过程(输入url到展示页面)
  13. log4net配置文件
  14. Jquery Mobile表单
  15. python day 25--正则表达式
  16. c# ref与out用法
  17. 再会,OI
  18. English trip V1 - B 20. Likes and Dislikes 喜欢和不喜欢 Teacher:Sole Key:
  19. fabric镜像安装脚本分析
  20. Django为数据库的ORM写测试例(TestCase)

热门文章

  1. 记一条sql语句优化
  2. Go语言学习目录
  3. Puppeteer笔记(七):Puppeteer切换浏览器TAB页
  4. view组件的封装是否需要特有模型?
  5. 【Java】【JVM】Sychronized底层加锁原理详解
  6. 多线程(thread+queue 售票)
  7. 官网下载Java连接MySql驱动jar包
  8. 在win10上搭建pyspark,
  9. Android_适配器(adapter)之BaseAdapter
  10. ### MySQL主从搭建Position