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

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

怎么样用原生实现点击按钮改变这个按钮的颜色呀？用原生实现一个小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日