明_sir 2022-01-05 14:43 采纳率: 100%
浏览 59
已结题

怎么样用原生实现点击按钮改变这个按钮的颜色呀

怎么样用原生实现点击按钮改变这个按钮的颜色呀？用原生实现一个小dom就行 我看看然后运用到项目中

  • 写回答

3条回答 默认 最新

  • 几何心凉 2022年度博客之星前端领域TOP 1 2022-01-05 14:47
    关注

    有注释很好明白的

    <body>
    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
    <button>按钮5</button>
    <script>
        //1.获取所有按钮元素
        var btns = document.getElementsByTagName('button');
        //btns得到的是伪数组，里面的每一个元素 btns[i]
        for(i = 0; i < btns.length; i++){
            btns[i].onclick = function(){
                //(1)我们先把所有的按钮背景颜色去掉
                for ( i = 0; i < btns.length; i++) {
                    btns[i].style.backgroundColor = '';
                }
                //(2)然后才让当前的元素背景颜色为blue
                this.style.backgroundColor = "pink";
            }
        }
        //2.受限先排除其他人，然后在设置自己的样式。这种排除其他人的思想我们称为排他思想
    </script>
</body>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 1月13日
  • 已采纳回答 1月5日
  • 请提交代码 1月5日
  • 创建了问题 1月5日

悬赏问题

  • ¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)（相关搜索：51单片机|单片机|测试代码）
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了，如何解决？(操作系统-ubuntu)
  • ¥20 matlab yalmip kkt 双层优化问题
  • ¥15 如何在3D高斯飞溅的渲染的场景中获得一个可控的旋转物体
  • ¥88 实在没有想法，需要个思路
  • ¥15 MATLAB报错输入参数太多