JS实现--按钮切换（简单）

最新推荐文章于 2023-07-21 01:03:14 发布

VIP文章就是217

最新推荐文章于 2023-07-21 01:03:14 发布

阅读量2.5k

点赞数 3

分类专栏： JavaScript 文章标签： javascript js

本文链接：https://blog.csdn.net/qq_42777804/article/details/108746762

版权

这种东西真的是看着简单，刚学习的时候比较困难

这里其实进行了点击操作，但是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++) {
        // 自定义属性添加索引

最低0.47元/天解锁文章

优惠劵

就是217

关注关注

3
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
JS实现--按钮切换（简单）

这种东西真的是看着简单，刚学习的时候比较困难这里其实进行了点击操作，但是gif给弄得有点快上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&
复制链接

扫一扫