这种东西真的是看着简单,刚学习的时候比较困难
这里其实进行了点击操作,但是gif给弄得有点快
上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button class="btn">这是第一个按钮</button>
<button class="btn">这是第二个按钮</button>
<button class="btn">这是第三个按钮</button>
</body>
<script>
var btns = document.getElementsByClassName("btn");
// 默认选择第一个
btns[0].style.color = "red";
// 记录红色按钮索引
var x = 0;
// 绑定点击事件
for (var i = 0; i < 3; i++) {
// 自定义属性添加索引