明_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日

悬赏问题

  • ¥20 西门子S7-Graph,S7-300，梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改，求解答！！
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗？在Android studio上该如何部署？
  • ¥20 docker里部署springboot项目，访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏！微信开发者工具报错，求帮改